/* ext-iv — кнопка «Позвать друга сюда» в карточке заведения */
.iv-x { margin: 22px 0 6px; }
.iv-x__btn { display: flex; align-items: center; gap: 14px; padding: 14px 16px; border: 1px solid var(--brass); border-radius: 4px; text-decoration: none;
  background: linear-gradient(120deg, color-mix(in srgb, var(--brass) 10%, transparent), transparent 70%); transition: transform .35s var(--ease), box-shadow .35s; animation: fadeUp .6s var(--ease) both .2s; }
.iv-x__btn:hover { transform: translateY(-2px); box-shadow: 0 12px 26px rgba(20, 22, 26, .12); }
.iv-x__btn b { display: block; font: 500 20px/1.15 var(--serif); }
.iv-x__btn small { display: block; color: var(--mute); font-size: 12px; line-height: 1.35; }
.iv-x__btn i { margin-left: auto; font-style: normal; color: var(--brass); font-size: 18px; transition: transform .35s var(--ease); }
.iv-x__btn:hover i { transform: translateX(4px); }
.iv-x__env { flex: none; width: 40px; height: 28px; border: 1px solid var(--brass); border-radius: 2px; position: relative; overflow: hidden; background: var(--paper); }
.iv-x__env::before { content: ""; position: absolute; left: 50%; top: -16px; width: 28px; height: 28px; border: 1px solid var(--brass); background: var(--paper); transform: translateX(-50%) rotate(45deg); transition: top .4s var(--ease); }
.iv-x__btn:hover .iv-x__env::before { top: -26px; }