.radio-buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 15px;
}

.radio-buttons label {
    flex: 1 1 48%;
    cursor: pointer;
}

.radio-buttons input {
    display: none;
}

.radio-buttons span {
    display: block;
    padding: 12px;
    text-align: center;
    border-radius: 8px;
    background: #f1f5f9;
    border: 2px solid transparent;
    font-weight: 600;
    transition: 0.3s;
}

/* Hover */
.radio-buttons span:hover {
    border-color: #2c7be5;
}

/* Selected */
.radio-buttons input:checked + span {
    background: linear-gradient(135deg, #2c7be5, #00c6ff);
    color: #fff;
    border-color: #2c7be5;
    transform: scale(1.05);
}