checkbutton,
radiobutton {
    padding: 0.2em 0;
}

radio,
check {
    min-height: 1.2em;
    min-width: 1.2em;
    border-width: 1px;
    background-color: @base_color;
    color: @text_color;
}

radio.left,
check.left,
radio:not(:last-child),
check:not(:last-child) {
    margin-right: 0.4em;
}

radio.right,
check.right,
radio:not(:first-child),
check:not(:first-child) {
    margin-left: 0.4em;
}

radio {
    border-radius: 1000px;
}

check:checked {
    -gtk-icon-source: -gtk-recolor(url("../assets/check-symbolic.svg"));
}

radio:checked {
    -gtk-icon-source: -gtk-recolor(url("../assets/radio-symbolic.svg"));
}