.option-link {
    margin-bottom: 20px;
}

.option-link-group {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
}

.option-link-href {
    padding: 4px 12px;
    border: 1px solid #0077D6;
    border-radius: 8px;
    font-weight: 800;
    color: #0077D6;
    transition: all 0.2s ease-in-out;
}

.option-link-href {
    display: block;
}

.option-link-href span.price {
    color: #373E48;
    transition: all 0.2s ease-in-out;
}

.option-link-href span i {
    font-style: normal;
    color: #767685;
    transition: all 0.2s ease-in-out;
}

.option-link-href span i:before {
    content: "|";
    color: #373E48;
    transition: all 0.2s ease-in-out;
}

.option-link-href:hover,
.option-link-href.active {
    background-color: #0077D6;
    color: #ffffff;
    transition: all 0.2s ease-in-out;
}

.option-link-href:hover span.price,
.option-link-href:hover span i,
.option-link-href:hover span i:before,
.option-link-href.active span.price,
.option-link-href.active span i,
.option-link-href.active span i:before {
    color: #ffffff;
    transition: all 0.2s ease-in-out;
}