.price-bubble {
    position: fixed;
    right: max(1rem, env(safe-area-inset-right));
    bottom: max(1rem, env(safe-area-inset-bottom));
    z-index: 1000;
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    min-height: 44px;
    padding: .7rem 1rem;
    border: 1px solid rgba(23, 76, 42, .18);
    border-radius: 999px;
    background: #A8E6B0;
    box-shadow: 0 8px 22px rgba(16, 24, 39, .18);
    color: #174C2A;
    font-size: .9rem;
    font-weight: 700;
    line-height: 1;
    text-decoration: none;
    transition: box-shadow .2s ease, transform .2s ease;
}

.price-bubble:hover {
    color: #174C2A;
    box-shadow: 0 10px 26px rgba(16, 24, 39, .24);
    transform: translateY(-1px);
}

.price-bubble:focus-visible {
    outline: 3px solid #174C2A;
    outline-offset: 3px;
}

.price-bubble__icon {
    width: 1.2rem;
    height: 1.2rem;
    fill: none;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.8;
}

@media (max-width: 480px) {
    .price-bubble {
        right: max(.75rem, env(safe-area-inset-right));
        bottom: max(.75rem, env(safe-area-inset-bottom));
        min-height: 48px;
        padding: .75rem .95rem;
    }
}