.radio-list-wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 13px;
}

.radio-list-wrapper > div {
    border: 1px solid #ccc;
    border-radius: 13px;
    cursor: pointer;
    transition: background-color .3s ease;
}

.radio-list-wrapper > div:hover {
    background: #f9f9f9;
    border: 1px solid #bbb;
}

@media (max-width: 900px ){
    .radio-list-wrapper {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 600px ){
    .radio-list-wrapper {
        grid-template-columns: 1fr;
    }
}

.radio-list-image {
    height: 200px;
}

.radio-list-image img {
    max-height: 100%;
    max-width: 100%;
}

[data-theme="dark"] .radio-list-wrapper > div {
    border-color: #3a3c42;
}
[data-theme="dark"] .radio-list-wrapper > div:hover {
    background: #25272c;
    border-color: #484c52;
}