@keyframes gradientBackground2 {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}

.gradient-background2 {
    background: linear-gradient(270deg, #12dbb6, #13927d, #1ec4d6, #119692);
    background-size: 300% 300%;
    animation: gradientBackground 15s ease infinite;
}

.btn-calendario {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 10px 20px;
    transition: color 0.3s ease;
    overflow: hidden;
}

.btn-calendario .btn-text {
    margin-right: 10px; /* Espacio entre el texto y los íconos */
}

.btn-calendario .chevron-container {
    position: relative;
    width: 16px;
    height: 16px;
    overflow: hidden;
}

.btn-calendario .chevron {
    position: absolute;
    top: 0;
    left: 0;
    transition: transform 0.3s ease, opacity 0.3s ease;
}

.btn-calendario .chevron:nth-child(2) {
    opacity: 0;
    transform: translateX(100%);
}

.btn-calendario:hover {
    color: #0fb085;
}

.btn-calendario:hover .chevron:first-child {
    transform: translateX(-100%);
    opacity: 0;
}

.btn-calendario:hover .chevron:nth-child(2) {
    transform: translateX(0);
    opacity: 1;
}