@import url('./styles.css');
@import url('./header.css');
@import url('./footer.css');
@import url('./dark-mode.css');


.s-modal-publicacoes {
    padding-block: 4rem;

    .modal-title {
        font-size: 32px;
        font-weight: 700;
        line-height: 125%;
        color: var(--orange);
        text-align: center;
        margin-bottom: 2.4rem;

        @media(max-width: 767px) {
            font-size: 24px;
        }
    }

    .body-16-regular {
        margin-bottom: 1.6rem;
    }

    .body-20-bold {
        margin-bottom: 1.6rem;
    }

    .modal-body {
        p {
            text-align: center;
        }
    }

    .modal-footer {
        display: flex;
        gap: 1.6rem;
        align-items: center;
        justify-content: center;

        @media(max-width: 1023px) {
            flex-direction: column;

            a,
            button {
                font-size: 14px;
                width: 100%;
            }
        }
    }
}