input[type="radio"] {
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip-path: inset(1px 1px 1px 1px);
    opacity: 0;
}

input[type="radio"] + label,
input[type="radio"] + .label--text {
    display: inline-flex;
    align-items: center;
    position: relative;
    padding-left: calc(2.4rem + 10px);
}

input[type="radio"] + label:before,
input[type="radio"] + label:after,
input[type="radio"] + .label--text:before,
input[type="radio"] + .label--text:after {
    content: '';
    position: absolute;
    border-radius: 50%;
}

input[type="radio"] + label:before,
input[type="radio"] + .label--text:before {
    border: 1px solid #667085;
    height: 2.4rem;
    width: 2.4rem;
    background-color: #fff;
    left: 0;
}

input[type="radio"]:focus + label:before,
input[type="radio"]:focus + .label--text:before {
    outline: 2px dotted #B3433B;
    outline-offset: 3px;
}

input[type="radio"]:checked + label:after,
input[type="radio"]:checked + .label--text:after {
    height: 1rem;
    width: 1rem;
    background: #D85849;
    left: 0.7rem;
}