@import "variables.css";

.btn-primary {
    color: var(--text-color);
    background-color: var(--primary-color);
    border-color: var(--primary-color);
}

    .btn-primary:hover {
        color: var(--text-color);
        background-color: var(--primary-color);
        border-color: var(--primary-color);
    }

    .btn-primary:focus,
    .btn-primary.focus {
        box-shadow: 0 0 0 .2rem rgba(91, 194, 194, 0.5);
        color: var(--text-color);
        background-color: var(--primary-color);
        border-color: var(--primary-color);
    }
    a
    .btn-primary.disabled,
    .btn-primary:disabled {
        color: var(--text-color);
        background-color: var(--primary-color);
        border-color: var(--primary-color);
    }

    .btn-primary:not(:disabled):not(.disabled):active,
    .btn-primary:not(:disabled):not(.disabled).active,
    .show > .btn-primary.dropdown-toggle {
        color: var(--text-color);
        background-color: var(--primary-color);
        border-color: var(--primary-color);
    }

        .btn-primary:not(:disabled):not(.disabled):active:focus,
        .btn-primary:not(:disabled):not(.disabled).active:focus,
        .show > .btn-primary.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(91, 194, 194, 0.5)
        }

.btn-outline-primary {
    color: var(--primary-color);
    background-color: transparent;
    background-image: none;
    border-color: var(--primary-color);
}
    .btn-outline-primary:hover {
    color: var(--text-color);
    background-color: var(--primary-color);
    border-color: var(--primary-color);
}

    .btn-outline-primary:focus,
    .btn-outline-primary.focus {
        box-shadow: 0 0 0 .2rem rgba(119, 204, 204, 0.5)
    }

.btn-outline-primary.disabled,
.btn-outline-primary:disabled {
    color: var(--text-color);
    background-color: transparent
}

.btn-outline-primary:not(:disabled):not(.disabled):active,
.btn-outline-primary:not(:disabled):not(.disabled).active,
.show > .btn-outline-primary.dropdown-toggle {
    color: var(--text-color);
    background-color: var(--primary-color);
    border-color: var(--primary-color);
}

        .btn-outline-primary:not(:disabled):not(.disabled):active:focus,
        .btn-outline-primary:not(:disabled):not(.disabled).active:focus,
        .show > .btn-outline-primary.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(119, 204, 204, 0.5)
        }

.btn {
    border-radius: 0;
    font-weight: bold;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    padding: 14px;
}

.form-control {
    border-radius: 0;
}

.btn:focus, .btn:active {
    outline: none !important;
    box-shadow: none;
}

.form-control:focus {
    outline: none!important;
    box-shadow: none!important;
}