/* =========================================================
   PRIMARY BUTTONS
   ========================================================= */

.btn-primary,
.btn-primary.btn-white,
.btn-primary.btn-round {
    background: var(--mantis-primary) !important;
    border: 1px solid var(--mantis-primary) !important;
    color: #ffffff !important;
    box-shadow: none !important;
    border-radius: 4px !important;
    transition: all 0.2s ease-in-out;
}

.btn-primary:hover,
.btn-primary.btn-white:hover,
.btn-primary.btn-round:hover {
    background: var(--mantis-primary-hover) !important;
    border-color: var(--mantis-primary-hover) !important;
    color: #ffffff !important;
}

.btn-primary:focus,
.btn-primary:active,
.btn-primary.active {
    background: #1565c0 !important;
    border-color: #1565c0 !important;
    color: #ffffff !important;
    box-shadow: 0 0 0 2px rgba(33, 150, 243, 0.25) !important;
}

/* Small buttons */
.btn-sm {
    padding: 5px 10px !important;
    font-size: 12px !important;
}

/* =========================================================
   BUTTON SPACING
   ========================================================= */

/* Space between adjacent buttons */
.btn + .btn {
    margin-left: 2px !important;
}