#aqua-button{position:relative;height:2.88rem;width:fit-content;min-width:8.75rem;font-size:1rem;font-weight:600;background-color:#377bf780;border-top:.125rem solid white}#aqua-button,#aqua-button:after{border-radius:.625rem;transition:all .1s ease-in}#aqua-button:after{position:absolute;content:"";background-image:linear-gradient(#cdddfc,#385fa8);height:3.1rem;min-width:9rem;width:calc(100% + .25rem);z-index:-1}#aqua-button:active{background-color:#255ec7;box-shadow:unset}#aqua-button:active:after{height:2.88rem;min-width:8.75rem;width:calc(100% + .25rem)}@media screen and (min-width:40rem) and (max-width:100rem){#aqua-button{font-size:1rem;min-width:12.13rem;width:fit-content;padding:0 1.25rem;height:3.2rem}#aqua-button:after{min-width:12.3rem;padding:0 1.25rem;width:calc(100% + .25rem);height:3.4rem}#aqua-button:active:after{width:calc(100% + .25rem);min-width:12.2rem;height:3.36rem}}@media screen and (max-width:40rem){#aqua-button{font-size:.875rem;min-width:6rem;width:fit-content;padding:0 .75rem;height:2.25rem}#aqua-button:after{min-width:6.25rem;padding:0 .75rem;width:calc(100% + .25rem);height:2.5rem}#aqua-button:active:after{width:calc(100% + .25rem);min-width:6.2rem;height:2.3rem}}