@use '../../../styles/tools/functions';
@use '../../../styles/settings/colours';

.Inner {
    &--HasBG {
        padding: functions.pxRem(30);
        border-radius: functions.pxRem(20);

        @media all and (min-width: functions.em(768)) {
            padding: functions.pxRem(60);
        }

        @media all and (min-width: functions.em(1024)) {
            padding: functions.pxRem(80);
        }
    }

    &--BGOrange {
        background-color: colours.$orange;
        color: #FFF;
    }
}

.Buttons {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: functions.pxRem(20);
    margin-top: functions.pxRem(20);

    @media all and (min-width: functions.em(768)) {
        margin-top: functions.pxRem(40);
    }
}