.glass-date{position:relative;width:2.8rem;height:2.8rem;flex:none;perspective:24em;-webkit-tap-highlight-color:transparent}@media (min-width:640px){.glass-date{width:3.2rem;height:3.2rem}}.glass-date__back,.glass-date__front{position:absolute;inset:0;border-radius:.8rem;transition:transform .35s cubic-bezier(.83,0,.17,1);will-change:transform}.glass-date__back{background:linear-gradient(hsl(253,90%,56%),hsl(238,90%,52%));box-shadow:.4em -.4em .7em hsla(223,10%,10%,.22);transform:rotate(15deg);transform-origin:100% 100%}.glass-date__front{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;background-image:linear-gradient(135deg,hsla(0,0%,100%,.3),hsla(0,0%,100%,.08)),linear-gradient(hsla(244,55%,34%,.5),hsla(238,60%,26%,.55));box-shadow:inset 0 0 0 1.5px hsla(0,0%,100%,.4),0 6px 14px hsla(223,30%,10%,.25);color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.45)}.glass-date__day{font-family:var(--font-display),ui-sans-serif,sans-serif;font-weight:800;font-size:1.05rem;line-height:1}.glass-date__month{font-size:.56rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;line-height:1;opacity:.95}@media (min-width:640px){.glass-date__day{font-size:1.2rem}.glass-date__month{font-size:.62rem}}.group:hover .glass-date__back{transform:rotate(22deg) translate3d(-.25em,-.25em,0)}.group:hover .glass-date__front{transform:translateY(-1px) scale(1.03)}