/**
 * VINI PORTUGAL · Elementor Button Widget — BASE
 * Versão: 1.1.0
 *
 * Estilos partilhados por todos os tipos de botão.
 * Cada tipo tem o seu ficheiro próprio em css/{tipo}.css
 */


/* -- TIPOGRAFIA DOS BOTOES ------------------------------------------------
 *
 * As fontes dos botoes sao geridas via Elementor > Site Settings >
 * Design System > Fontes personalizadas (Global Fonts).
 *
 * ID: da84073  ->  "Botao Exo"   (Exo 2, 1.4rem, 600, lh 1.3em)
 *                  Usado em: primary, secondary, tertiary, quaternary, highlight
 *
 * ID: 7a95f7c  ->  "Botao Inter"  (Inter, 1.4rem, 400, lh 1.3em)
 *                  Usado em: highlight-2
 *
 * Os IDs sao gerados automaticamente pelo Elementor e referenciados
 * aqui como CSS custom properties:
 *   --e-global-typography-{ID}-font-family
 *   --e-global-typography-{ID}-font-size
 *   --e-global-typography-{ID}-font-weight
 *   --e-global-typography-{ID}-line-height
 * ------------------------------------------------------------------------ */


/* -- CORES ----------------------------------------------------------------
 *
 *   --e-global-color-primary   ->  #BA2229  (vermelho)
 *   --e-global-color-text      ->  #1A1919  (preto)
 *
 * Cores hardcoded (sem variavel Elementor correspondente):
 *   #666666  ->  cinzento escuro (quaternary)
 *   #FFFFFF  ->  branco (highlight, highlight-2)
 * ------------------------------------------------------------------------ */


.elementor-element .vin-button {
  display: inline-flex;
  gap: 2rem;
  align-items: center;
  justify-content: center;
  padding: 1.2rem 3.6rem;
  font-family: var(--e-global-typography-da84073-font-family, 'Exo 2', sans-serif);
  font-size: var(--e-global-typography-da84073-font-size, 1.4rem);
  font-weight: var(--e-global-typography-da84073-font-weight, 600);
  line-height: var(--e-global-typography-da84073-line-height, 1.3em);
  text-transform: uppercase;
  text-decoration: none;
  border: none;
  border-radius: 4px;
  background-color: transparent;
  cursor: pointer;
}

.elementor-element .vin-button.small {
  padding: 1rem 1.8rem;
}

.elementor-element .vin-button.large {
  padding: 1.6rem 4.2rem;
  font-size: 1.8rem;
}

.elementor-element .vin-button .elementor-icon {
  color: inherit;
  margin: 0;
}

.elementor-element .vin-button .elementor-icon svg,
.elementor-element .vin-button .elementor-icon svg.e-font-icon-svg {
  width: auto !important;
  height: 1em !important;
}

.elementor-element .vin-button i {
  color: inherit;
  font-size: 1em;
}