button:focus {
    outline: 0;
}

.btn.focus,
.btn:focus,
.btn.is-checked {
    outline: 0;
    box-shadow: 0 0.125rem 0.25rem rgba(13, 20, 49, .07);
}

.navbar-dark .navbar-toggler {
    color: rgba(255, 255, 255, .9);
    border-color: transparent;
}

.btn-outline-blue {
    color: var(--ffj-blue-01);
    border-color: var(--ffj-blue-01);
}

.btn-outline-white:hover {
    color: var(--ffj-blue-01);
    background-color: #fff;
    border-color: var(--ffj-blue-01);
}

.btn-outline-white {
    color: #fff;
    border-color: #fff;
}

.btn-outline-white:hover {
    color: #506690;
    background-color: #fff;
    border-color: #fff;
}

.btn-outline-white.focus,
.btn-outline-white:focus {
    box-shadow: 0 0 0 0.0625rem rgba(255, 255, 255, .5);
}

.btn-blue {
    color: #fff;
    background-color: var(--ffj-blue-01);
    border-color: rgba(0, 0, 0, 0);
}

.btn-blue:hover {
    color: #fff;
    background-color: var(--ffj-blue-02);
}

.btn-red {
    color: #fff;
    background-color: var(--ffj-red-01);
    border-color: rgba(0, 0, 0, 0);
}

.btn-red:hover {
    color: #fff;
    background-color: var(--ffj-red-02);
}

.btn-outline-red {
    color: var(--ffj-red-01);
    border-color: var(--ffj-red-01);
}

.btn-outline-red:hover {
    color: #fff;
    background-color: var(--ffj-red-02);
    border-color: var(--ffj-red-02);
}

.btn-green {
    color: #fff;
    background-color: var(--ffj-green-01);
    border-color: rgba(0, 0, 0, 0);
}

.btn-green:hover {
    color: #fff;
    background-color: var(--ffj-green-02);
}