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

.Buttons {
    display: flex;
    flex-wrap: wrap;
    row-gap: functions.pxRem(12);
    margin-top: functions.pxRem(20);
    margin-left: functions.pxRem(-6);
    margin-right: functions.pxRem(-6);

    &:first-child {
        margin-top: 0;
    }

    @media all and (min-width: functions.em(768)) {
        margin-left: functions.pxRem(-12);
        margin-right: functions.pxRem(-12);
    }

    &--AlignCenter {
        justify-content: center;
    }
}

.Button {
    padding-left: functions.pxRem(6);
    padding-right: functions.pxRem(6);

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