.mat-flat-button.mat-primary,
.mat-flat-button.mat-basic,
.mat-flat-button.mat-secondary,
.mat-flat-button.mat-outline {
    box-shadow: none;
    height: 48px;
    max-height: 48px;
    padding: 0 30px;
    transition: .2s all ease-in-out;

    line-height: normal;
    white-space: normal;
    font-family: "Roboto";

    span,
    p {
        font-size: $font-m;
        font-weight: bold;
    }
    .mat-icon {
        position: relative;
        //top: -2px;

        margin-right: calc($spacing-s / 2);
    }
}
.mat-flat-button.mat-primary {
    background: $primary;
    color: $background-primary;

    @include notouch-hover {
        background: lighten($primary, 5%);
    }
}


.mat-flat-button.mat-secondary {
    background: $secondary;
    color: $content-action;

    @include notouch-hover {
        background: darken($secondary, 5%);
    }
}
.mat-flat-button.mat-outline {
    border: 1px solid $primary;
    //background: $background-primary;

    background: transparent;
    color: $primary;

    @include notouch-hover {
        border-color: $secondary;

        background: transparent;
        color: $secondary;
    }
}

.mat-flat-button.mat-basic-outline {
    background: transparent;
    border: 2px solid rgba($content-secondary, 0.2);
}

.mat-form-field-appearance-outline .mat-form-field-outline {
    border-radius: 4px;

    background: $background-primary;
}

.row-buttons {
    margin-top: $spacing-l;
    button {
        margin: 0 calc($spacing-m / 2);
    }
}
