input[type="radio"] {
    width: 20px !important;
    /* Increase width */
    height: 20px !important;
    /* Increase height */
    accent-color: var(--color-primary);
    /* Change color (modern browsers support) */
    cursor: pointer;
    border: none !important;
    box-shadow: none !important;
    margin: 0 !important;
    float: none !important;
    position: relative !important;
    margin-right: 5px !important;
}

input[type="radio"]:hover {
    filter: brightness(90%);
    /* Slightly darker on hover */
}

input[type="radio"]:checked {
    accent-color: var(--color-primary);
    /* Change color when checked */
}

input[type="checkbox"] {
    width: 20px !important;
    /* Increase width */
    height: 20px !important;
    /* Increase height */
    accent-color: var(--color-primary);
    /* Change color (modern browsers support) */
    cursor: pointer;
    border: none !important;
    box-shadow: none !important;
    margin: 0 !important;
    float: none !important;
    position: relative !important;
    margin-right: 5px !important;
    margin-top: 5px !important;
}

input[type="checkbox"]:hover {
    filter: brightness(90%);
    /* Slightly darker on hover */
}

input[type="checkbox"]:checked {
    accent-color:var(--color-primary);
    /* Change color when checked */
}