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

.Content {
    width: 100%;

    &--Column {
        @media all and (min-width: functions.em(768)) {
            width: 66.6666%;
            margin-left: auto;
        }
    }
}

.Text {
    border-left: functions.pxRem(3) solid;
    padding-left: functions.pxRem(12);

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

    &--Orange {
        color: colours.$orange;
    }
}

.Author {
    margin-top: functions.pxRem(20);
    padding-left: functions.pxRem(15);
    display: flex;
    flex-direction: column;
    gap: 0.25em;

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