.ssp-pagina-curso__duvidas {
    padding: var(--espaco-96) 0;
    background: var(--color-neutral-25);

    &.curso-tecnico {

        .section-header {
            display: grid;
            gap: var(--espaco-24);
        }

        .section-subtitle {
            color: var(--color-neutral-800);
            margin: 0;
        }

        .section-description {
            color: var(--color-neutral-700);
            margin: 0;
        }

        .section-subtitle.line-bottom::after {
            background: var(--color-tecnico-400);
        }

    }
}


.ssp-pagina-curso__duvidas-topic-content {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: var(--espaco-56);
}

.ssp-pagina-curso__duvidas-topic-content button {
    padding: 12px 16px;
    border: 0;
    outline: 2px solid var(--color-neutral-900);
    border-radius: 40px;
    text-align: center;
    background: var(--color-neutral-25);
    color: var(--color-neutral-900);
    transition: 0.3s;
}

.ssp-pagina-curso__duvidas-topic-content button.active {
    color: var(--color-neutral-25);
    background: var(--marca-azulsenac-400);
    pointer-events: none;
    outline: 0;
}

.ssp-pagina-curso__duvidas-topic-content button:hover,
.ssp-pagina-curso__duvidas-topic-content button:focus,
.ssp-pagina-curso__duvidas-topic-content button.tab-active {
    color: var(--color-neutral-25);
    background: var(--marca-azulsenac-500);
    outline: 0;
}

.ssp-pagina-curso__duvidas-topic-content-group-items {
    margin-top: var(--espaco-56);
    display: none;
}

.ssp-pagina-curso__duvidas-topic-content-group-items.active {
    display: block;
}

.ssp-pagina-curso__duvidas-ainda-tem {
    display: grid;
    margin-top: var(--espaco-56);
    justify-content: center;
    gap: 24px;

    h4 {
        text-align: center;
        color: var(--color-neutral-800);
        margin: 0;
    }

    .btn-grid-duvidas {
        display: flex;
        gap: 16px;
    }
}

@media (max-width: 1100px) {

    .ssp-pagina-curso__duvidas-ainda-tem {
        width: 100%;
        justify-content: stretch;

        .btn-grid-duvidas {
            .ssp-btn{
                flex: 1;
            }
        }
    }

    .ssp-pagina-curso__duvidas-topic-content button {
        padding: 8px;
    }
}


@media (max-width: 743px) {

    .ssp-pagina-curso__duvidas-ainda-tem {

        .btn-grid-duvidas {
            display: grid;
            gap: 24px
        }
    }
}