.button-group {
    border-radius: 10px;
    justify-content: center;
}

.button-group label:first-child .btn {
    border-radius: 10px 0px 0px 10px !important;
}

.button-group label:last-child .btn {
    border-radius: 0px 10px 10px 0px !important;
    background: #491d8b;
    border: 1px solid var(--color-primary) !important;
}

.cardshadow {
    box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px;
    border-radius: 10px;
}

.buttoncustom {
    padding: 10px 20px 10px 20px;
    border-radius: 20px;
    cursor: pointer;
    height: 40px;
}

.buttoncustom.yes {
    background-color: #fff;
    color: #2a0d6f;
    font-weight: bold;
    border: 2px;  
    line-height: 1;
    transition: none; 
    border-style: solid;
}

.buttoncustom.yes:hover {
    background: #491d8b;
    color: white;
}

.button-group label:not(:first-child) .btn {
    background: white;
}

.button-group input[type="radio"]:checked + .btn {
    background: #491d8b;
    color: var(--color-neutral-0);
    border: none;
}

.phone .button-group label {
    width: auto !important;
}