.button{--color-1:#6af9fb;--color-2:#2bf4aa;--color-1-shadow:#e5fb6a23;--color-2-shadow:#2bf46e23;--color-1-shadow-focus:#6afbea67;--color-2-shadow-focus:#2bf4e767;cursor:pointer;padding:.8rem 5rem;border-radius:2rem;border:0;font-size:1rem;background-image:linear-gradient(to right bottom,var(--color-1) 0,var(--color-2) 100%);box-shadow:-4px -4px 16px 8px var(--color-1-shadow),4px 4px 16px 8px var(--color-2-shadow);transition:all .3s cubic-bezier(.6,.12,.39,.83)}.button:active,.button:focus,.button:focus-visible,.button:focus-within,.button:hover{box-shadow:-4px -4px 25px 4px var(--color-1-shadow-focus),4px 4px 25px 4px var(--color-2-shadow-focus)}.button:hover{filter:contrast(1.25)}