.cost-offers { display: flex; border: 0; padding: 0; margin: 0 0 38px; min-width: 0; }
.cost-offers legend { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
.cost-offers label { position: relative; cursor: pointer; flex: 1; min-width: 0; }
.cost-offers input { position: absolute; width: 1px; height: 1px; opacity: 0; }
.cost-offers span { display: flex; align-items: center; justify-content: center; min-height: 48px; padding: 12px 10px; border-bottom: 1px solid #bfc3c9; color: #777; font: 500 14px/1.4 Inter, sans-serif; text-align: center; }
.cost-offers label:hover span { color: #252a32; border-color: #727983; }
.cost-offers input:checked + span { border-bottom: 2px solid #1761da; color: #252a32; font-weight: 650; }
.cost-offers input:focus-visible + span { outline: 2px solid #1761da; outline-offset: 3px; }
@media (max-width: 760px) { .cost-offers { margin-bottom: 32px; } .cost-offers span { font-size: 12px; min-height: 60px; padding: 10px 7px; } }