.checkbox-round {
    width: 1.2em;
    height: 1.2em;
    background-color: white;
    border-radius: 50%;
    vertical-align: middle;
    border: 1px solid #ddd;
    appearance: none;
    -webkit-appearance: none;
    cursor: pointer;
}

.checkbox-round:checked {
    background-color: green;
}

@media (max-width: 768px) {
    /* CSS rules for mobile devices */
    /* Place your styles for mobile here */
    .checkbox-round {
        width: 0.8em;
        height: 0.8em;
    }
}