/**
 * QUATERNARY — VER TODOS: link com ícone → hover vermelho
 *
 * text:    var(--e-global-color-text)
 * weight:  500
 * lspacing: 0.5px
 * hover:   var(--e-global-color-primary)
 * gap:     2rem
 * align:   flex-start (esquerda)
 * SVG:     12px, fill var(--e-global-color-text)
 * icon:    fas fa-arrow-right
 */

.elementor-element .vin-button.quaternary {
  position: relative;
  background-color: transparent;
  color: var(--e-global-color-text);
  margin-top: 6px;
  padding: 0;
  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: 500;
  text-decoration: none;
  letter-spacing: 0.5px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 2rem;
  transition: color 0.3s ease;
}

.elementor-element .vin-button.quaternary .elementor-icon svg {
  fill: var(--e-global-color-text);
  width: 12px;
  height: auto;
  transition: fill 0.3s ease;
}

.elementor-element .vin-button.quaternary i {
  color: var(--e-global-color-text);
  font-size: 15px;
  font-weight: bold;
  transition: color 0.3s ease;
}

.elementor-element .vin-button.quaternary:hover {
  color: var(--e-global-color-primary);
}

.elementor-element .vin-button.quaternary:hover .elementor-icon svg {
  fill: var(--e-global-color-primary);
}

.elementor-element .vin-button.quaternary:hover i {
  color: var(--e-global-color-primary);
}

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