/* ============================================================
   Buttons — Custom CSS
   Conectivo
   ============================================================ */

/* -- Arrows-------------------------------------------------- */

.button-arrow {
  position: relative;
}

.button-arrow::after {
  content: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27none%27%3E%3Cpath d=%27M9.38708 6.67285C9.48791 6.67285 9.56488 6.70326 9.64294 6.78125L14.5873 11.7256C14.6412 11.7795 14.6663 11.8215 14.6781 11.8496V11.8506C14.6929 11.8861 14.7015 11.9259 14.7015 11.9746C14.7015 12.0233 14.6929 12.0631 14.6781 12.0986V12.0996C14.6663 12.1277 14.6412 12.1697 14.5873 12.2236L9.61853 17.1924C9.54076 17.2702 9.47362 17.292 9.39294 17.2891C9.29892 17.2856 9.21805 17.2537 9.1322 17.168C9.05408 17.0898 9.02283 17.013 9.02283 16.9121C9.02283 16.8112 9.05408 16.7344 9.1322 16.6562L13.8138 11.9746L9.10681 7.26758C9.02915 7.18988 9.0072 7.12357 9.01013 7.04297C9.01358 6.9487 9.04615 6.86731 9.1322 6.78125C9.21013 6.70344 9.28649 6.67293 9.38708 6.67285Z%27 fill=%27white%27 stroke=%27white%27/%3E%3C/svg%3E");
  display: inline-block;
  vertical-align: middle;
  position: relative;
  top: 3px;
  transition: 300ms;
}

.button-arrow:hover::after {
  transform: translateX(5px);
}

/* ── Base ───────────────────────────────────────────────── */
button,
.brxe-button {
  cursor: pointer;
  transition: 300ms;
}

button:hover,
.brxe-button:hover {
  opacity: 0.8;
}
/* ── Primary ────────────────────────────────────────────── */

/* ── Secondary ──────────────────────────────────────────── */

/* ── Link ───────────────────────────────────────────────── */