.vk-card {
  display: grid;
  gap: 12px;
  padding: 16px;
  border: 1px solid rgba(211, 162, 77, .27);
  border-radius: 10px;
  background: linear-gradient(145deg, rgba(211, 162, 77, .08), rgba(8, 11, 12, .82));
}

.vk-card__intro {
  display: grid;
  gap: 6px;
}

.vk-card__intro b { font-size: 16px; }
.vk-card__intro span { color: var(--muted); font-size: 13px; line-height: 1.45; }
.vk-card__profile { display: flex; align-items: center; gap: 12px; }

.vk-card__profile img {
  width: 52px;
  height: 52px;
  border: 1px solid rgba(255, 255, 255, .18);
  border-radius: 50%;
  object-fit: cover;
  background: #161b1c;
}

.vk-card__profile div { display: grid; gap: 5px; }
.vk-card__profile small { color: var(--gold-light); font-size: 10px; font-weight: 900; letter-spacing: .8px; text-transform: uppercase; }
.vk-card__profile b { font-size: 17px; }
.button--vk { border: 1px solid #5f8fdb; background: #3676ca; color: #fff; }
.button--vk:disabled { opacity: .55; cursor: wait; }