.date {
    background-color: transparent;
    color: #fff;
    border: 2px solid #f3d9fc;
    font-size: 1.5rem;
    backdrop-filter: blur(10px);
    transition: background-color 0.3s, color 0.3s, transform 0.5s, box-shadow 0.3s;
}

.date:hover {
    background-color: black;
    color: #f3d9fc;
    border: 2px solid #f3d9fc;
    transform: translateY(-3px) scale(1.05);
}
/* Définition de l'animation pulse */
@keyframes pulse {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.07);
    }
    100% {
        transform: scale(1);
    }
}

.datebtn {
    animation: pulse 1s ease-in-out infinite;
    font-size: 1.5rem;
    background-color: #f3d9fc;
    color: black;
    border: 2px solid #f3d9fc;
}

.datebtn:hover {
    background-color: #000;
    color: #fcf3fd;
    border: 2px solid #ff3cec;
}