.button{background-color:var(--c-darkblue);border:.125rem solid var(--c-gr);border-radius:.625rem;color:var(--c-white);display:inline-flex;font-weight:500;line-height:1;overflow:hidden;padding:.75rem 1.25rem;position:relative;text-transform:uppercase;transition:background-color .3s ease-in-out,color .3s ease-in-out,border-color .5s ease-in-out,outline .15s ease-in-out,transform .3s ease-in-out,opacity .5s ease-in-out;white-space:nowrap;width:fit-content}.button:focus-visible{outline:.125rem solid var(--c-h)}.button:active{background-color:var(--c-cadetblue);border-color:var(--c-cadetblue);color:var(--c-dark);transform:scale(.98)}.button--border{border-color:var(--c-gray)}.button--white{background-color:var(--c-white);color:var(--c-gray)}.button--white:active{background-color:var(--c-cadetblue);border-color:var(--c-cadetblue);color:var(--c-white)}.button span.ripple{animation:ripple .9s ease-out;background-color:rgba(0,0,0,.3);border-radius:50%;height:6.25rem;pointer-events:none;position:absolute;transform:translate(-50%,-50%) scale(0);width:6.25rem}@keyframes ripple{to{opacity:0;transform:translate(-50%,-50%) scale(4)}}@media (width <= 20em){.button{font-size:.75rem}}@media (width > 20em) and (width <= 76.875em){.button{font-size:clamp(.75rem,.70604395604375rem + .2197802198vw,.875rem)}}@media (width > 76.875em){.button{font-size:.875rem}}@media (any-hover:hover){.button:hover{background-color:var(--c-white);color:var(--c-dark)}}@media (any-hover:hover),(pointer:fine){html:not([data-fls-touch]) .button--white:hover{background-color:var(--c-darkblue);color:var(--c-white)}}