.glass{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.22);border-radius:16px;box-shadow:0 10px 30px rgba(0,0,0,.12)}.glass--strong{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:hsla(0,0%,100%,.16);border:1px solid hsla(0,0%,100%,.26)}.glass--dark{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:rgba(20,20,25,.35);border:1px solid hsla(0,0%,100%,.14);box-shadow:0 12px 40px rgba(0,0,0,.35)}.btn-glass,.glass-button{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:hsla(0,0%,100%,.14);border:1px solid hsla(0,0%,100%,.28);border-radius:999px;box-shadow:0 10px 26px rgba(0,0,0,.14);padding:12px 18px;transition:transform .16s ease,box-shadow .16s ease,background .16s ease}.btn-glass:hover,.glass-button:hover{background:hsla(0,0%,100%,.18);box-shadow:0 14px 34px rgba(0,0,0,.18);transform:translateY(-1px)}.btn-glass:active,.glass-button:active{transform:translateY(0)}@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.btn-glass,.glass,.glass--dark,.glass--strong,.glass-button{background:hsla(0,0%,100%,.9)}.glass--dark{background:rgba(20,20,25,.85)}}