/**
 * Sistem de Componente: Butoane v2.2 - Rafinat
 * Tema: E_Cartop
 */

/* ==========================================================================
   Stilul de Bază al Butonului
   ========================================================================== */
a.button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.8rem 2rem;
  border: 1px solid transparent;
  border-radius: 6px;
  font-family: var(--font-main);
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-semibold);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  text-decoration: none !important;
  white-space: nowrap;
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
a.button:hover {
  transform: translateY(-3px);
  box-shadow: 0 10px 20px -5px rgba(0, 0, 0, 0.15);
}

/* ==========================================================================
   Variații de Culoare
   ========================================================================== */

/* 1. Buton Primar (Albastru) */
a.button.button-primary {
  background-color: var(--color-primary);
  border-color: var(--color-primary);
  color: #fff !important; /* Păstrăm !important doar pe culoare pentru siguranță */
}
a.button.button-primary:hover {
  background-color: var(--color-primary-hover);
  border-color: var(--color-primary-hover);
}

/* 2. Buton Secundar (Verde) */
a.button.button-secondary {
  background-color: var(--color-secondary);
  border-color: var(--color-secondary);
  color: #fff !important;
}
a.button.button-secondary:hover {
  background-color: #215a4d;
  border-color: #215a4d;
}