@import "variables.css";

.btn {
    color: var(--soft-white) !important;
    border-color: transparent !important;
}

.btn:hover {
    font-weight: bold !important;
}

.btn.btn-Marine {
    background-color: var(--marine);
}

.btn.btn-Seastone {
    background-color: var(--seastone);
}

.btn-Marine:active, .btn-Marine:focus, .btn-Marine:not(:disabled):not(.disabled):active:focus {
    box-shadow: 0 0 0 .2rem rgba(0,56,97,.5);
}

.btn-Seastone:active, .btn-Seastone:focus, .btn-Seastone:not(:disabled):not(.disabled):active:focus {
    box-shadow: 0 0 0 .2rem rgba(5,94,117,.5);
}

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