.button{position:relative;padding:0;border:none;outline:none;border-radius:1rem;cursor:pointer;background-color:transparent;z-index:10}.button,.button:focus{transition:box-shadow .15s}.button:focus{box-shadow:0 0 0 3px #ffffff}.background-wrapper{position:absolute;top:0;left:0;bottom:0;right:0;display:grid;grid-template-columns:1fr;z-index:-1}.background{grid-row-start:1;grid-column-start:1}.background-1{animation:background-1-animation 8s infinite;border-radius:1rem}.background-1,.background-1:before{background-image:linear-gradient(165deg,hsl(178,100%,44%),hsl(209,100%,44%))}.background-1:before{content:"";position:absolute;top:.7rem;left:.6rem;bottom:.7rem;right:.6rem;filter:blur(35px)}.background-2{animation:background-2-animation 8s infinite;border-radius:1rem}.background-2,.background-2:before{background-image:linear-gradient(165deg,hsl(0,84%,61%),hsl(47,95%,57%))}.background-2:before{content:"";position:absolute;top:.7rem;left:.6rem;bottom:.7rem;right:.6rem;filter:blur(35px)}.background-3{animation:background-3-animation 8s infinite;border-radius:1rem}.background-3,.background-3:before{background-image:linear-gradient(165deg,hsl(330,100%,50%),hsl(270,67%,46%))}.background-3:before{content:"";position:absolute;top:.7rem;left:.6rem;bottom:.7rem;right:.6rem;filter:blur(35px)}.button-text{z-index:5;display:flex;justify-content:center;align-items:center;color:hsl(var(--foreground));background-color:hsl(var(--background));margin:1px;border-radius:1rem;padding:.75rem 3rem;font-size:1.2rem;font-weight:700;transition:all .1s}.button:hover .button-text{transition:all .1s;background-color:transparent;color:black}@keyframes background-1-animation{0%,16.667%,to{opacity:1}33%,83.333%{opacity:0}}@keyframes background-2-animation{0%,16.667%,66.667%,to{opacity:0}33.333%,50%{opacity:1}}@keyframes background-3-animation{0%,50%,to{opacity:0}66.667%,83.333%{opacity:1}}