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

.gradient-background {
    background: linear-gradient(270deg, #ffd700, #ffa500, #ff8c00, #ff7f50);
    background-size: 300% 300%;
    animation: gradientBackground 15s ease infinite;
}

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

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

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

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

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

.btn-comunicados:hover {
    color: #ffd700;
}

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

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