<div class="container">
<label class="container__label">
<input type="radio" class="container__input" />
...
</label>
...
</div>
.container {
display: flex;
border: 1px solid rgba(0, 0, 0, 0.3);
border-radius: 4px;
height: 32px;
}
.container__label {
align-items: center;
display: inline-flex;
border-right: 1px solid rgba(0, 0, 0, 0.3);
padding: 8px;
background-color: transparent;
color: #ccc;
}
.container__label:last-child {
border-right-color: transparent;
}
.container__label--selected {
background-color: #00449e;
color: #fff;
}
.container__input {
display: none;
}