/* HIDDEN CHECKBOX */

[type="radio"].hidden-radio-button,
[type="radio"].hidden-radio-button:checked,
[type="radio"].hidden-radio-button:not(checked) {
    opacity: 1 !important;
    position: relative !important;
}

[type="radio"].hidden-radio-button + label::before,
[type="radio"].hidden-radio-button + label::after,
[type="radio"].hidden-radio-button:checked + label::before,
[type="radio"].hidden-radio-button:checked + label::after {
    display: none !important;
}

[type="radio"].hidden-radio-button + label:not(.lever) {
    padding-left: 0px !important;
}

.hidden-radio-button {
    display: none;
}

/* FIM HIDDEN CHECKBOX */

.radio-button {
    display: inline-block;
    position: relative;
    cursor: pointer;

    background-color: transparent;
    width: 18px;
    height: 18px;
    border: 1px solid var(--secondary-color);
    border-radius: 50%;
    margin: 0;
    flex-shrink: 0;
}

.radio-left {
    margin-right: 10px;
}

.radio-right {
    margin-left: 10px;
}

.radio-button + label {
    cursor: pointer;
    display: contents;
}

.wrapper-radio-button {
    padding: 0 15px;
    height: min-content;
    display: flex;
    align-items: center;
}

.wrapper-radio-button.label-left {
    flex-direction: row-reverse;
}

.input-field.form .content-buttons {
    margin-bottom: 20px;
}

.content-buttons {
    height: var(--height-input-default);
    display: flex;
    align-items: center;
}

input[type="radio"]:checked + .radio-button {
    background-color: var(--secondary-color);
}

input[type="radio"]:disabled + .radio-button {
    background-color: transparent;
    border: 2px solid #ccc;
}

input[type="radio"]:checked + .radio-button:before {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    content: " ";
    width: 70%;
    height: 70%;
    border-radius: 50%;
    background-color: var(--primary-color);
}