@use "../../abstracts/mixins" as *;
@use "../../abstracts/vars" as *;

@mixin default-link-button {
    @include border-basic();
    @include font-size(1.2);
    display: inline-block;
    vertical-align: middle;
    box-sizing: border-box;
    margin: 5px 0;
    padding: 10px 15px;
    text-align: center;
    text-decoration: none;
    font-weight: bold;
    &:hover {
        color: $text-basic;
        background: $bg-light-gray;
    }
}
@mixin links-btn-styles {
    .button-default,
    .default {
        @include default-link-button();
        background: #f6f6f6;
        color: $text-basic;
    }
    .button-success,
    .success {
        @include default-link-button();
        background: $btn-green-light;
        color: $text-white;
        &:hover {
            color: $text-white;
            background: $btn-green;
        }
    }
    .button-warning,
    .warning {
        @include default-link-button();
        background: $btn-red;
        color: $text-white;
        &:hover {
            color: $text-white;
            background: $btn-red-active;
        }
    }
}