/*  
---------------------------------------------------
Main Content
---------------------------------------------------  
*/


section {
    padding: var(--section-spacing) 0;
}

    section > .section__inner {
        padding: var(--base-spacing);
    }

    section .buttons {
        display: flex;
        flex-direction: row;
        justify-content: end;
        margin-top: var(--base-spacing);
        gap: var(--base-spacing-half);
    }

@media (min-width: 576px) {
    section {
        padding: var(--section-spacing_sm) 0;
    }
}

@media (min-width: 768px) {
    section {
        padding: var(--section-spacing_md) 0;
    }
}

@media (min-width: 992px) {
    section {
        padding: var(--section-spacing_lg) 0;
    }
}

@media (min-width: 1200px) {
    section {
        padding: var(--section-spacing_xl) 0;
    }
}