/* Estilo automático para a página: contato */
section.contatos {
    position: relative;

    .contatos-swiper-wrap {
        position: relative;
    }

    .swiper-button-next,
    .swiper-button-prev {
        top: 50%;
        transform: translateY(-50%);
        margin-top: 0;
        width: 48px;
        height: 48px;
        padding: 14px;
        box-sizing: border-box;
        background-color: var(--amarelo);
        border-radius: 50%;
        color: #252525;
        display: none;

        @media (min-width: 1024px) {
            display: flex;
        }
    }

    .swiper-button-prev {
        left: -64px;
    }

    .swiper-button-next {
        right: -64px;
    }

    .card {
        background-color: var(--verde);
        padding-left: 30px;
        padding-right: 30px;
        padding-bottom: 30px;
        span {
            font-size: 16px;
            color: #fff;
            text-transform: none;
        }
        
        p {
            font-size: 14px;
            color: white;
        }

        a.cta {
            font-size: 14px;
            text-wrap-mode: nowrap;
        }
    }
}