.flip-digit{perspective:600px;width:2.5rem;height:3.5rem}.flip-inner{color:#b91c1c;width:100%;height:100%;transform-style:preserve-3d;background:#f1f1f1;border-radius:.5rem;justify-content:center;align-items:center;font-family:monospace;font-size:2.5rem;font-weight:700;transition:transform .5s ease-in-out;animation:.6s ease-in-out flip;display:flex;position:relative;box-shadow:0 4px 12px rgba(0,0,0,.2)}.flip-inner span{-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:rotateX(0)}@keyframes flip{0%{opacity:.3;transform:rotateX(90deg)}to{opacity:1;transform:rotateX(0)}}.gradient-text{background:linear-gradient(#ec6732,#dc2626);-webkit-text-fill-color:transparent;text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}