@use '../consts.scss' as consts;
@use '../mixins.scss' as mixins;

.text {
    text-decoration: none;
    
    &:has(svg){
        display: flex;
        column-gap: consts.$gap-tiny;
    }

    &.--color-accent {
        color: consts.$schema-text-accent;
    }

    &.--italic {
        font-style: italic;
    }

    &.--as-heading-7 {
        @include mixins.text('heading-7');
    }
}