/* BRONE secondary button.
   Elementor's global Kit "Buttons" settings only hold one style (used as
   the Primary button: ink bg, white text — configured in Site Settings).
   Apply this class via the Button widget's Advanced > CSS Classes field
   to get the Secondary style: transparent, 1px ink border, ink fill on hover. */

.btn-secondary,
.elementor-button.btn-secondary {
  background-color: transparent;
  color: #141414;
  border: 1px solid #141414;
  border-radius: 8px;
  padding: 11px 22px;
  font-family: 'Inter', sans-serif;
  font-weight: 500;
}

.btn-secondary:hover,
.elementor-button.btn-secondary:hover,
.btn-secondary:focus,
.elementor-button.btn-secondary:focus {
  background-color: #141414;
  color: #FFFFFF;
}