.btn {
    min-width: 120px;
    border-radius: var(--border-radius);
    border: solid 1px;
    height: 32px;
    padding: 4px 10px;
    font-size: 0.9rem;
    font-weight: 400;
    white-space: nowrap;
}

.btn-primary,
.btn-primary.disabled,
.btn-primary:disabled {
    background-color: #01ad09;
    background: linear-gradient(to bottom, #01d12e 0%, #02a10a 100%);
    border-color: #01ad09;
}
.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show > .btn-primary.dropdown-toggle {
    background: linear-gradient(to bottom, #01d12e 0%, #018a08 100%);
    border-color: #018f08;
}
.btn-primary:hover {
    border-color: #018f08;
}

.btn-secondary {
    background: linear-gradient(to bottom, #f2f2f2 0%, #ccc 100%);
    color: #222;
    border-color: #aaa;
}
.btn-secondary.disabled,
.btn-secondary:disabled {
    color: #555;
    border-color: #bbb;
}
.btn-secondary:not(:disabled):not(.disabled).active,
.btn-secondary:not(:disabled):not(.disabled):active,
.show > .btn-secondary.dropdown-toggle {
    background: linear-gradient(to bottom, #ddd 0%, #bbb 100%);
    color: #222;
    border-color: #888;
}
.btn-secondary:not(:disabled):not(.disabled):hover {
    color: #222;
    border-color: #888;
}

.btn-danger,
.btn-danger.disabled,
.btn-danger:disabled {
    background: linear-gradient(to bottom, #f41f1f 0%, #c31616 100%);
    border-color: #b01f1f;
}
.btn-danger:not(:disabled):not(.disabled).active,
.btn-danger:not(:disabled):not(.disabled):active,
.show > .btn-danger.dropdown-toggle {
    background: linear-gradient(to bottom, #f41f1f 0%, #9e1616 100%);
    border-color: #b01f1f;
}
.btn-danger:hover {
    border-color: #700;
}

.btn-warning {
    color: #212529;
    background-color: #e6ae07;
    background: linear-gradient(to bottom, #ffc107 0%, #e6ae07 100%);
    border-color: #e6ae07
}
.btn-warning:hover {
    color: #212529;
    border-color: #cc9b06;
}
.btn-warning.focus, .btn-warning:focus {
    color: #212529;
    background: linear-gradient(to bottom, #ffc107 0%, #cba022 100%);
    border-color: #cc9b06;
}
.btn-warning.disabled, .btn-warning:disabled {
    color: #ffffff;
    background: linear-gradient(to bottom, #ffc107 0%, #f8c62f 100%);
    border-color: #e6ae07
}
.btn-warning:not(:disabled):not(.disabled).active, .btn-warning:not(:disabled):not(.disabled):active, .show > .btn-warning.dropdown-toggle {
    color: #212529;
    background: linear-gradient(to bottom, #ffc107 0%, #cba022 100%);
    border-color: #cc9b06;
}

.btn-cancel {
    margin-right: calc(var(--space-between) - var(--space-between-s));
    font-weight: 300;
}