/**
 * TERTIARY — SABER MAIS: link com underline preto → hover vermelho
 *
 * text:    var(--e-global-color-text)
 * weight:  600 (herda do base)
 * underline: 1px via ::after
 * hover:   só cor → var(--e-global-color-primary) (fonte bloqueada)
 * gap:     2.5rem
 * icon:    nenhum
 */

.elementor-element .vin-button.tertiary {
  position: relative;
  background-color: transparent;
  color: var(--e-global-color-text);
  padding: 0;
  gap: 2.5rem;
  transition: color 0.25s ease;
}

.elementor-element .vin-button.tertiary::after {
  content: "";
  background-color: var(--e-global-color-text);
  display: block;
  width: 100%;
  height: 1px;
  position: absolute;
  left: 0;
  bottom: 0;
  transition: background-color 0.25s ease;
}

.elementor-element .vin-button.tertiary .elementor-icon svg,
.elementor-element .vin-button.tertiary .elementor-icon svg path {
  fill: var(--e-global-color-text);
}

.elementor-element .vin-button.tertiary i {
  color: var(--e-global-color-text);
}

.elementor-element .vin-button.tertiary:hover {
  color: var(--e-global-color-primary);
  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);
  line-height: var(--e-global-typography-da84073-line-height, 1.3em);
}

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

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

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

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