﻿.accordion-seta-lado-esquerdo {
    --bs-accordion-border-width: "";
    --bs-accordion-btn-icon: "";
    --bs-accordion-btn-active-icon: "";
    --bs-accordion-btn-icon-width: "";
}

    .accordion-seta-lado-esquerdo .accordion-button {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        padding-left: 2.5rem; /* Espaço extra para a seta à esquerda */
        position: relative; /* Necessário para posicionar a seta */
    }

        .accordion-seta-lado-esquerdo .accordion-button::before {
            content: "";
            background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%2317629E' class='bi bi-chevron-right' viewBox='0 0 16 16'%3e%3cpath fill-rule='evenodd' d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708'/%3e%3c/svg%3e");
            width: 1rem;
            height: 1rem;
            display: inline-block;
            position: absolute;
            left: 1rem; /* Posiciona a seta à esquerda */
            top: 50%;
            transform: translateY(-50%) rotate(0deg); /* Rotaciona a seta para direita */
            transition: transform 0.2s ease-in-out;
        }

        .accordion-seta-lado-esquerdo .accordion-button:not(.collapsed)::before {
            transform: translateY(-50%) rotate(90deg); /* Rotaciona a seta para baixo quando o accordion é aberto */
        }

    .accordion-seta-lado-esquerdo .accordion-item .accordion-collapse .accordion-body a {
        color: #17629E;
        text-decoration: none;
    }