@import"https://fonts.googleapis.com/css2?family=Montserrat+Alternates:wght@700&display=swap";:root{--first-color: hsl(217, 75%, 80%);--body-color: hsl(211, 100%, 95%);--body-font: "Montserrat Alternates", sans-serif;--normal-font-size: 1.25rem}*{box-sizing:border-box;padding:0;margin:0}body{height:100vh;display:grid;place-items:center;background-color:var(--body-color);font-family:var(--body-font);font-size:var(--normal-font-size)}a{text-decoration:none}.button{position:relative;background-color:var(--first-color);color:#fff;padding:.9rem 2.2rem;border-radius:3rem;transition:.4s}.button::after{content:"";width:80%;height:40%;background:linear-gradient(80deg, hsl(217deg, 80%, 80%) 10%, hsl(217deg, 85%, 70%) 48%);position:absolute;left:0;right:0;bottom:-4px;margin:0 auto;border-radius:3rem;filter:blur(12px);z-index:-1;opacity:0;transition:opacity .4s}.button__text{position:relative;z-index:10}.button img{position:absolute;pointer-events:none;inset:0;margin:auto;transition:.6s;opacity:0}.button__cone{width:18px;transform:translate(-25px, -6px) rotate(55deg);filter:blur(0.5px)}.button__torus{width:38px;transform:translate(7px, -14px) rotate(80deg)}.button__icosahedron{width:36px;transform:translate(34px, -4px) rotate(-45deg);filter:blur(0.9px)}.button__sphere{width:30px;transform:translate(-5px, 15px) rotate(40deg)}.button:hover::after{opacity:1}.button:hover{transform:scale(1.3)}.button:hover img{opacity:1}.button:hover .button__cone{transform:translate(-38px, -10px) scale(1.2)}.button:hover .button__torus{transform:translate(7px, -32px) scale(1.1)}.button:hover .button__icosahedron{transform:translate(50px, -20px) scale(1.1)}.button:hover .button__sphere{transform:translate(-14px, 20px) scale(1.1)}/*# sourceMappingURL=styles.css.map */