/* Button: CTA — Arrow */
.wp-block-button.is-style-cta-arrow .wp-block-button__link {
  display: inline-flex;
  align-items: center;
  gap: .2em;
  text-decoration: none;
  text-transform: uppercase;
  background: var(--wp--preset--color--contrast); /* your dark base */
  color: var(--wp--preset--color--base);       /* white text */
  //border-radius: 4px; /* match brand system */
  transition: background .1s ease-in-out;
}

/* Arrow */
.wp-block-button.is-style-cta-arrow .wp-block-button__link::after {
  content: "";
  width: 1.5em;
  height: 1.5em;
  background: var(--wp--preset--color--accent-3);
  -webkit-mask: url("data:image/svg+xml;utf8,\
    <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'>\
      <path d='M11.293 17.293 12.707 18.707 19.414 12 12.707 5.293 11.293 6.707 15.586 11H6v2h9.586z'/>\
    </svg>") center / contain no-repeat;
            mask: url("data:image/svg+xml;utf8,\
    <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'>\
      <path d='M11.293 17.293 12.707 18.707 19.414 12 12.707 5.293 11.293 6.707 15.586 11H6v2h9.586z'/>\
    </svg>") center / contain no-repeat;
    transition: transform .1s ease-in-out;
    flex: 0 0 auto;
  }

/* Hover: nudge the arrow */
.wp-block-button.is-style-cta-arrow .wp-block-button__link:hover::after {
  transform: translateX(5px);
}