/**
 * PRIMARY — CTA principal: fundo vermelho → hover preto
 *
 * bg:      var(--e-global-color-primary)
 * text:    #fff
 * hover:   var(--e-global-color-text)
 * radius:  4px (herda do base)
 * padding: 1.2rem 3.6rem (herda do base)
 * gap:     2rem (herda do base)
 * icon:    far fa-arrow-alt-circle-right (circle arrow)
 */

.elementor-element .vin-button.primary {
  background-color: var(--e-global-color-primary);
  color: #fff;
  transition: background-color 0.25s ease;
}

.elementor-element .vin-button.primary .elementor-icon svg,
.elementor-element .vin-button.primary .elementor-icon svg.e-font-icon-svg {
  fill: #fff;
  width: 1.1em !important;
  height: 1.1em !important;
}

.elementor-element .vin-button.primary i {
  color: #fff;
  font-size: 1.1em;
}

.elementor-element .vin-button.primary:hover {
  background-color: var(--e-global-color-text);
  color: #fff;
  font-family: var(--e-global-typography-da84073-font-family, 'Exo 2', sans-serif);
  font-weight: var(--e-global-typography-da84073-font-weight, 600);
  font-size: var(--e-global-typography-da84073-font-size, 1.4rem);
}

.elementor-element .vin-button.primary:hover .elementor-icon svg {
  fill: #fff;
}

.elementor-element .vin-button.primary:hover i {
  color: #fff;
}

.elementor-element .vin-button.primary:focus {
  box-shadow: 0 0 0 2px var(--e-global-color-2471422);
}