/**
 * Theme CTA fixes (hero_btn / about_btn / advisar_btn).
 *
 * `style.css` raises `a:before` to `z-index: 1` on hover. That layer can sit above
 * the label while matching the new text colour (e.g. teal on teal, white on white),
 * making the button look “empty” — especially in RTL where `left:40px` no longer matches layout.
 *
 * Keep the underline decoration under the text, use logical inset, and tidy RTL copy + icon spacing.
 */

.hero_btn a:before,
.about_btn a:before,
.advisar_btn a:before,
.advisar_btn button:before {
  left: auto;
  right: auto;
  inset-inline-start: 40px;
  z-index: -1;
}

.hero_btn a:hover:before,
.hero_btn a:focus:before,
.about_btn a:hover:before,
.about_btn a:focus:before,
.advisar_btn a:hover:before,
.advisar_btn a:focus:before,
.advisar_btn button:hover:before,
.advisar_btn button:focus:before {
  z-index: -1;
}

/* Icon + label: avoid overlap; drop physical margin in favour of gap */
.about_btn.style_two a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
}

.about_btn.style_two a i {
  margin-right: 0;
  margin-left: 0;
}

/* About / counter “salt” block: full-width lines in RTL (theme .section_title p uses 89% width) */
[dir="rtl"] section.counter_area .section_title.style_two .about-salt-block-copy p,
[dir="rtl"] section.counter_area .section_title.style_two .about-salt-block-copy li {
  width: 100%;
  max-width: 100%;
}

[dir="rtl"] section.counter_area .section_title.style_two .about-salt-block-copy ul {
  width: 100%;
}