﻿label.RadioAsButton {
    padding: 3px;
}

    label.RadioAsButton input[type='radio'] {
        display: none;
    }

        label.RadioAsButton input[type='radio'] ~ span {
            padding: 3px;
            user-select: none;
        }

        label.RadioAsButton input[type='radio']:not(:checked) ~ span {
            background-color: white;
            border-color: darkgray;
            border-width: 1px;
            border-style: solid;
            color: #545454;
        }


        label.RadioAsButton input[type='radio']:checked ~ span {
            background-color: #5B86AD;
            border-color: #5B86AD;
            border-width: 1px;
            border-style: solid;
            color: white;
        }