/*  
---------------------------------------------------
Buttons
---------------------------------------------------  
*/

.btn, button.btn {
    border-radius: var(--btn-border-radius);
    border-width: var(--btn-border-width);
    border-style: solid;
    outline: none !important;
    box-shadow: var(--btn-box-shadow);
}

    .btn:focus, button.btn:focus,
    .btn:active, button.btn:active {
        box-shadow: var(--btn-box-shadow);
    }

.btn, button.btn, button {
    transition: color 0.3s ease-in-out 0s, background-color 0.3s ease-in-out 0s, border-color 0.3s ease-in-out 0s, text-decoration 0.3s ease-in-out 0s !important;
}

    .btn, button.btn {
        padding: var(--btn-padding_top) var(--btn-padding_right) var(--btn-padding_bottom) var(--btn-padding_left);
    }

        .btn.btn-sm, button.btn.btn-sm {
            padding: var(--btn_sm-padding_top) var(--btn_sm-padding_right) var(--btn_sm-padding_bottom) var(--btn_sm-padding_left);
        }

        .btn.btn-lg, button.btn.btn-lg {
            padding: var(--btn_lg-padding_top) var(--btn_lg-padding_right) var(--btn_lg-padding_bottom) var(--btn_lg-padding_left);
        }

        .btn span.left-icon,
        .btn span.right-icon {
            font-size: inherit;
            vertical-align: initial;
        }

        .btn span.left-icon {
            margin-right: 6px;
        }

        .btn span.right-icon {
            margin-left: 6px;
        }

        .btn:disabled, .btn.disabled, fieldset:disabled .btn {
            pointer-events: none;
            opacity: 0.5;
        }