.payment-list .payment-group,
.payment-list .payment-item {
    position: relative;
    background-color: rgba(255, 255, 255, .08);
    border: 1px solid rgba(255, 255, 255, 0);
    border-radius: 6px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    transition: .3s;
}

.payment-list .payment-group .payment-group-toggle,
.payment-list .payment-group .payment-group-content,
.payment-list .payment-item .payment-check {
    padding: 11px 13px;
}

.payment-list .payment-group .payment-group-toggle,
.payment-list .payment-item .payment-check {
    cursor: pointer;
}

.payment-list .payment-group .payment-item {
    background-color: unset;
    border: 1px solid rgba(255, 255, 255, .1);
}

.payment-list .payment-item .payment-check .title {
    font-weight: bold;
}

.payment-list .payment-group:has(.payment-group-toggle[aria-expanded="false"]):hover,
.payment-list .payment-group:has(.payment-group-toggle[aria-expanded="false"]):has(.btn-check:checked),
.payment-list .payment-item:hover,
.payment-list .payment-item:has(.btn-check:checked) {
    color: #ffffff;
    border: 1px solid var(--base-secondary);
    box-shadow: 0 0 5px 0 var(--main-color), 0 0 5px 0 var(--main-color) inset;
}

.payment-list .payment-group:has(.btn-check:disabled),
.payment-list .payment-item:has(.btn-check:disabled) {
    background-color: rgba(0, 0, 0, .08);
    border: 1px solid rgba(255, 255, 255, 0);
    box-shadow: unset;
}

.payment-list .payment-group:has(.btn-check:disabled) .payment-group-toggle,
.payment-list .payment-group:has(.btn-check:disabled).payment-check {
    cursor: default;
}

.payment-list .payment-item .btn-check:disabled+.payment-check {
    filter: grayscale(1);
    pointer-events: none;
    cursor: not-allowed;
    color: #999999;
}

.payment-list .payment-group::before {
    content: "\f26a";
    display: inline-block;
    font-family: bootstrap-icons !important;
    opacity: 0;
    font-size: 20px;
    line-height: 0;
    position: absolute;
    top: 20px;
    right: 10px;
    color: var(--base-secondary);
    border-radius: 50%;
    z-index: -1;
    transition: .3s;
}

.payment-list .payment-group:has(.payment-group-toggle[aria-expanded="false"]):has(.btn-check:checked)::before{
    opacity: 1;
    z-index: 1;
}

.payment-list .payment-item::before {
    content: "\f26a";
    display: inline-block;
    font-family: bootstrap-icons !important;
    opacity: 0;
    font-size: 20px;
    line-height: 0;
    position: absolute;
    top: 20px;
    right: 10px;
    color: var(--base-secondary);
    border-radius: 50%;
    z-index: -1;
    transition: .3s;
}

.payment-list .payment-item:has(.btn-check:checked)::before {
    opacity: 1;
    z-index: 1;
}