/* Account Type radio cards on the registration and account type pages. */

.account-type-option {
    border-radius: 10px;
    white-space: normal;
}

.account-type-option small {
    line-height: 1.35;
}

/* Bootstrap fills a focused or hovered .btn like a selected one. Here only
   the checked option may look selected. */
.btn-check:not(:checked) + .account-type-option,
.btn-check:not(:checked):focus + .account-type-option {
    color: #334155;
    background-color: #fff;
    border-color: #334155;
}

.btn-check:not(:checked) + .account-type-option:hover {
    background-color: rgb(51 65 85 / 8%);
}

.btn-check:checked + .account-type-option,
.btn-check:checked:focus + .account-type-option {
    color: #fff;
    background-color: #334155;
    border-color: #334155;
}

.btn-check:focus-visible + .account-type-option {
    box-shadow: 0 0 0 0.25rem rgb(51 65 85 / 35%);
}