header{position:relative}.hero{position:relative;margin:auto;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2rem;text-align:center;pointer-events:auto}.hero__title{font-size:2rem}.blast-off-button{position:relative;display:flex;justify-content:center;border-radius:calc(.7 * var(--m));border:calc(.08 * var(--m)) solid transparent;padding:calc(.5 * var(--m)) calc(1 * var(--m));color:#000;font-family:Arial;font-size:var(--m);background:linear-gradient(#fff,#fff),linear-gradient(#fff 50%,#fff9 80%,#fff0),linear-gradient(90deg,var(--orange),var(--yellow),var(--green),var(--blue),var(--purple),var(--pink),var(--red));background-origin:border-box;background-clip:padding-box,border-box,border-box;background-size:200%;animation:animate 2s infinite linear}.blast-off-button:before{content:"";background:linear-gradient(90deg,var(--orange),var(--yellow),var(--green),var(--blue),var(--purple),var(--pink),var(--red));height:30%;width:60%;position:absolute;bottom:-20%;z-index:-5;background-size:200%;animation:animate 2s infinite linear;filter:blur(calc(.8 * var(--m)))}.blast-off-button:hover,.blast-off-button:hover:before{animation:animate .5s infinite linear}@keyframes animate{0%{background-position:0}to{background-position:200%}}@media (max-width: 768px){.hero__title{font-size:1.75rem}.hero__content{transform:translateY(-3vh)}.blast-off-button{border-radius:calc(.5 * var(--m));margin-top:.3rem;font-size:var(--s);padding:calc(.4 * var(--m)) calc(.8 * var(--m))}}footer{margin-top:auto;padding-bottom:.5rem;color:#ffffffca;text-align:center}@media (max-width: 768px){footer{font-size:.8rem}}