.bad-button {
    color: var(--white) !important;
    background-color: red !important;
}

.pear-button, .btn.pear-button {
    color: var(--white);
    background-color: var(--dark-pear-green);
}

.btn-check:checked + .btn, .btn.active {
    color: var(--pear-baby-blue);
    border-color: var(--pear-baby-blue);
    background-color: var(--dark-pear-green);
}

.btn-check:checked + .btn.active:hover {
    color: var(--pear-baby-blue);
    border-color: var(--primary-pink);
    background-color: var(--dark-pear-green);
}

.pear-button:focus {
    box-shadow: none;
}

.pear-button:active:focus {
    box-shadow: none;
    color: var(--dark-pear-green);
    background-color: var(--pear-baby-blue);
}

.pear-button::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 2px;
    background: var(--wheat-gold);
    transform: scaleX(0);
    transition: transform 0.2s ease;
}

.pear-button:focus::after {
    transform: scaleX(1);
}

.pear-button:hover::after {
    transform: scaleX(1);
}

.btn-check:checked + .btn, .btn.active {
    transform: scaleX(1);
}

a, .btn-link {
    color: #006bb7;
}

.btn-primary {
    color: #fff;
    background-color: #1b6ec2;
    border-color: #1861ac;
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
    box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}