/* =========================
   Buttons
========================= */
.button, .wp-element-button, button, input[type=submit]{
  -webkit-appearance:none; appearance:none;
  display:inline-flex; align-items:center; justify-content:center; gap:.5rem;
  background: var(--vcom-primary);
  color:#fff; border:1px solid var(--vcom-primary); border-radius: 999px;
  padding: .65rem 1rem; font-weight: 600; cursor:pointer; line-height:1;
  transition: transform .05s ease, background .2s ease, border-color .2s ease;
}
.button:hover, .wp-element-button:hover, button:hover, input[type=submit]:hover{
  background: var(--vcom-primary-600); border-color: var(--vcom-primary-600); text-decoration:none;
}
.button:active{ transform: translateY(1px); }
.button:disabled{ opacity:.6; cursor:not-allowed; }

.button.alt, .button--secondary{ background:#fff; color: var(--vcom-primary); border-color: var(--vcom-primary); }
.button.alt:hover, .button--secondary:hover{ background: var(--vcom-primary-100); }

.button--danger{ background: var(--vcom-danger); border-color: var(--vcom-danger); }
.button--light{ background:#fff; color:#111; border-color: var(--vcom-border); }

.button--sm{ padding:.5rem .8rem; font-size:.9rem; }
.button--lg{ padding:.8rem 1.2rem; font-size:1rem; }

.icon-btn{
  display:inline-flex; align-items:center; justify-content:center;
  width:40px; height:40px; border-radius:999px; border:1px solid var(--vcom-border); background:#fff;
}