/* CSS for Cards Section */

.cards {
    overflow: hidden;
}

/* Alinhar conteúdo à esquerda */
.cards .card .card-content { align-items: flex-start; }
.cards .card .card-content h3 { text-align: left; }
.cards .card .card-content .card-description .text-small { text-align: left; }
.cards .card .card-content .button-holder { justify-content: flex-start; }

/* Botões brancos (texto + ícone) */
.cards .card .button-holder .button {
    color: #fff;
}

.cards .card .button-holder .button::before {
    background-color: #fff;
}

/* Rotação de cores: 1=green, 2=blue, 3=orange, repete */
.cards .swiper-slide:nth-child(3n+1) .button-holder .button {
    background-color: var(--color-green);
}
.cards .swiper-slide:nth-child(3n+1) .button-holder .button:hover {
    background-color: var(--color-green-hover);
}

.cards .swiper-slide:nth-child(3n+2) .button-holder .button {
    background-color: var(--color-blue);
}
.cards .swiper-slide:nth-child(3n+2) .button-holder .button:hover {
    background-color: var(--color-blue-hover);
}

.cards .swiper-slide:nth-child(3n+3) .button-holder .button {
    background-color: var(--color-orange);
}
.cards .swiper-slide:nth-child(3n+3) .button-holder .button:hover {
    background-color: var(--color-orange-hover);
}