@import './styles/<!--partnerName--settings-->';
@import './styles/tools';

$buttonSize: 24px;
$selectedDotSize: 14px;

.c-radio-button {
    display: inline-block;
    position: relative;
    border-radius: 50%;
    border: solid 3px $grey-middle;
    background-color: $white-color;
    width: $buttonSize;
    height: $buttonSize;
    cursor: pointer;
}
    .c-radio-button--on {
        &::after {
            content: "";
            display: block;
            position: absolute;
            border-radius: 50%;
            background-color: $accent-a;
            width: $selectedDotSize;
            height: $selectedDotSize;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
        }
    }