.sepo-container {
    width: 100%;
}

.sepo-container input[type="radio"] {
    visibility: hidden;
    position: absolute;
}

.sepo-container .card {
    transition: all 0.2s ease;
    border: 2px solid #f1f1f1;
    box-shadow: none;
    cursor: pointer;
}

.sepo-container .card:hover {
    border-color: var(--primary);
    color: var(--primary);
}

.sepo-container input[type="radio"]:checked ~ .card {
    border-color: var(--primary);
    color: var(--primary);
}

@media (max-width: 767.98px) {
    .button-group-curhat {
        flex-direction: column;
        row-gap: 16px;
    }
}