.contact-actions {
  display: flex;
  justify-content: center;
  gap: 12px;
  margin-top: 40px;
}

.contact-link {
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 180px;
  padding: 12px 19px;
  background: #fff;
  color: var(--ink);
  text-decoration: none;
  text-align: left;
  border-radius: 3px;
  transition: transform .2s, background .2s;
}

.contact-link:hover { transform: translateY(-2px); background: #f7f4ed; }
.contact-link svg { width: 27px; height: 27px; fill: currentColor; }
.contact-link small { display: block; font-size: 10px; font-weight: 600; line-height: 1.1; opacity: .64; }
.contact-link span { font-size: 13px; font-weight: 700; line-height: 1.35; }
.booking { color: #3b4036; }
.telegram { color: #229ed9; }
.vk { color: #0077ff; }
.contact-note { margin: 16px 0 0; color: rgba(255,255,255,.78); font-size: 11px; }

@media (max-width: 800px) {
  .contact-actions { flex-direction: column; align-items: stretch; max-width: 300px; margin-left: auto; margin-right: auto; }
  .contact-link { justify-content: center; }
}