.glass{padding:20px;position:relative;z-index:1;color:#fff;background-image:linear-gradient(135deg,#ffffff40 0,#00aeef26 15%,#fff0 70%);backdrop-filter:blur(14px) saturate(1.2) brightness(.85);border-radius:20px;box-shadow:3px 3px 12px #00000059}.glass a{color:#fff}.glass:before{content:"";position:absolute;inset:0;z-index:-1;opacity:.6;border-radius:20px;border:1px solid transparent;background:linear-gradient(135deg,#fffc,#fff0 40%,#3333) border-box border-box;-webkit-mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0) border-box;-webkit-mask-composite:destination-out;mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0) border-box;mask-composite:exclude;transition-property:opacity;transition-duration:.3s;transition-delay:0s;transition-timing-function:ease}.glass:hover:before{opacity:1}