.radio_buttons input{display:none}.radio_buttons label{display:inline-block;padding:10px 15px;border:solid 1px #c2c9d4;margin-left:-1px}.radio_buttons label:nth-child(2){border-radius:3px 0 0 3px}.radio_buttons label:last-child{border-radius:0 3px 3px 0}.radio_buttons input:checked+label{background:#2e9fff;border-color:#2e9fff;color:#fff}.radio_buttons input:checked+label+input+label{border-left-color:#2e9fff}label{display:inline-flex;align-items:center;cursor:pointer;transition:background .2s ease;position:relative}label:hover{background:#f7f7f7}label input{opacity:0;margin-left:7px}label input+span{border:1px solid #ccc;width:15px;height:15px;position:absolute;transition:border-color .2s ease}label input[type=radio]+span{border-radius:50%}label:hover input+span{border-color:#2e9fff}label input:checked+span{border:none}label input+span:after{position:absolute;top:-2px;left:0;opacity:0;transition:opacity .2s ease}label input:checked+span:after{opacity:1}label input[type=checkbox]:checked+span:after{content:url(https://api.iconify.design/mdi:check.svg?color=%232e9fff&width=19);vertical-align:-.125em}label input[type=radio]:checked+span:after{content:url(https://api.iconify.design/mdi:radiobox-marked.svg?color=%232e9fff&width=19);vertical-align:-.125em}