@import "variables.scss";

.btn, #vault .footer button, .modal-footer button {
    background-color: $button-backgound-color;
    border-radius: $border-radius;
    padding: 7px 15px;
    border: 1px solid $button-border-color;
    font-size: $font-size-base;
    color: $button-color;
    white-space: nowrap;
    text-align: center;
    cursor: pointer;

    &:hover:not([disabled]), &:focus:not([disabled]) {
        cursor: pointer;
        background-color: darken($button-backgound-color, 1.5%);
        border-color: darken($button-border-color, 17%);
    }

    &:focus:not([disabled]) {
        background-color: darken($button-backgound-color, 6%);
        border-color: darken($button-border-color, 25%);
        outline: 0;
    }

    &[disabled] {
        opacity: 0.65;
        cursor: default;
    }

    &.primary {
        color: $button-color-primary;
    }

    &.danger {
        color: $button-color-danger;
    }

    &.block {
        display: block;
        width: 100%;
    }

    &.link {
        border: none !important;
        background: none !important;
    }
}