_buttons.scss

.btn {
    position: relative;
    display: inline-block;
    width: 100%;
    overflow: hidden;
    margin: $gutter-quarter 0;
    padding: 14px $gutter-three-quarters;
    vertical-align: middle;
    border-top: 0;
    border-right: 0;
    border-left: 0;
    border-radius: $border-radius;
    white-space: nowrap; 
    text-overflow: ellipsis; 
    line-height: 1;
    text-align: center;
    font-weight: bold;
    text-decoration: none;
    color: $white;
    cursor: pointer;
    touch-action: manipulation;
    @include user-select;

    @include link-pseudos {
        color: $white;
    }

    @include link-pseudos-hover {
        cursor: pointer;
        text-decoration: none;
    }

    @include respond-to-min($screen-small) {
        width: auto;
    }

    &:focus {
        outline-width: 5px;
    }

    &--primary {
        background-color: $trv-maincolor-01;
        border: 1px solid $trv-maincolor-01;
        border-bottom: 1px solid $trv-maincolor-01-dark;
        @include button-pseudos($trv-maincolor-01-dark, $trv-maincolor-01, $trv-maincolor-01-very-light);
    }

    &--regular {
        font-size: $font-size-xs;
        min-height: $btn-height-regular;
        height: auto;
    }
}