/* Each price row is the booking link itself, so every visible point is clickable. */
.price-list__item {
    margin: 0;
    padding: 0;
}

.price-row {
    border-radius: 12px;
    cursor: pointer;
    color: inherit;
    text-decoration: none;
    transition: background-color .2s ease, transform .2s ease;
}

.price-row:hover,
.price-row:focus-visible {
    background: rgba(55, 149, 255, .11);
    transform: translateX(4px);
    color: inherit;
    text-decoration: none;
}

.price-row:focus-visible {
    outline: 2px solid #3795ff;
    outline-offset: 2px;
}

.price-row__book {
    display: inline-flex;
    gap: 7px;
    align-items: center;
    margin-top: 12px;
    color: #3795ff;
    font-size: 13px;
    font-weight: 750;
    opacity: .8;
    transition: opacity .2s ease, gap .2s ease;
}

.price-row:hover .price-row__book,
.price-row:focus-visible .price-row__book {
    gap: 11px;
    opacity: 1;
}

@media (max-width: 620px) {
    .price-row:hover,
    .price-row:focus-visible {
        transform: none;
    }
}