.fleeko-date-widget {
    text-align: center;
}

.fleeko-day {
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 4px;
}

.fleeko-date {
    font-size: 22px;
    font-weight: 700;
}

/* Animations */
.anim-fade {
    animation: fleekoFade 0.8s ease-in-out both;
}

.anim-slide-up {
    animation: fleekoSlideUp 0.8s ease-out both;
}

.anim-zoom {
    animation: fleekoZoom 0.6s ease-out both;
}

@keyframes fleekoFade {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes fleekoSlideUp {
    from {
        transform: translateY(20px);
        opacity: 0;
    }

    to {
        transform: translateY(0);
        opacity: 1;
    }
}

@keyframes fleekoZoom {
    from {
        transform: scale(0.9);
        opacity: 0;
    }

    to {
        transform: scale(1);
        opacity: 1;
    }
}