.radio-button-group {
    display: flex; /* 버튼들을 가로로 나란히 배치 */
    gap: 10px; /* 버튼 사이의 간격 (기존 me-4 역할 대체) */
}

/* Django가 생성한 기본 라디오 버튼 숨기기 */
.radio-button-group input[type="radio"] {
    display: none;
}

/* 라벨을 버튼처럼 스타일링 */
.radio-button-group label {
    padding: 10px 20px;
    border: 1px solid #ccc;
    border-radius: 5px;
    background-color: #f7f7f7;
    color: #555;
    cursor: pointer;
    font-size: 16px;
    transition: all 0.2s ease;
}

/* 마우스를 올렸을 때 */
.radio-button-group label:hover {
    background-color: #e9e9e9;
}

/* 라디오 버튼이 선택되었을 때(checked) 바로 뒤(+)의 라벨 스타일 변경 */
.radio-button-group input[type="radio"]:checked + label {
    border-color: #d9534f; /* 윤곽선 색상 */
    outline: 2px solid #d9534f; /* 윤곽선 추가 */
    color: #d9534f;
    font-weight: bold;
    background-color: #fff;
}