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

.ColumnContainer {
    row-gap: functions.pxRem(40);
}

.Column {
    width: 100%;

    @media all and (min-width: functions.em(1024)) {
        width: auto;
        flex: 1;
    }

    ul {
        list-style-type: none;
        padding-left: 0;

        li {
            position: relative;
            padding-left: 1.1em;

            &:before {
                content: '';
                width: 0.3em;
                border-bottom: functions.pxRem(1) solid;
                position: absolute;
                top: 0.65em;
                left: 0;
            }
        }
    }
}

.Button {
    margin-top: functions.pxRem(20);

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