/* =====================================================
   BUTTONS
   ===================================================== */

.btn {
  display: inline-flex;
  align-items: center;
  white-space: nowrap;
}

/* Синя (primary) */
.btn--primary {
  background: var(--color-primary);
  color: var(--color-white);
}

.btn--primary:hover {
  background: #0740cc;
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(9, 78, 239, 0.3);
}

/* Жовта (accent) */
.btn--accent {
  background: var(--color-accent);
  color: var(--color-dark);
}

.btn--accent:hover {
  background: #e5b800;
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(248, 202, 0, 0.4);
}

/* Outlined */
.btn--outline {
  background: transparent;
  color: var(--color-dark);
  border: 2px solid var(--color-dark);
}

.btn--outline:hover {
  background: var(--color-dark);
  color: var(--color-white);
  transform: translateY(-2px);
}

/* Dark */
.btn--dark {
  background: var(--color-dark);
  color: var(--color-white);
  border: 2px solid var(--color-dark);
}
.btn--dark:hover {
  background: rgb(19, 28, 51);
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(24, 35, 64, 0.4);
}

/* Стрілка в кнопці */
.btn::after {
  content: '→';
  transition: transform var(--transition);
}

.btn:hover::after {
  transform: translateX(4px);
}
.btn--no-arrow::after {
  display: none;
}