.wp-block-button.is-style-icon-chevron-after > .wp-block-button__link {
    display: inline-flex;
    align-items: center; /* Vertically center the icon */
    justify-content: center;
    gap: 0.5em; /* Space between label and icon */
}
.wp-block-button.is-style-icon-chevron-after > .wp-block-button__link::after {
    content: '';
    display: inline-block;
    width: 1.125em;
    height: 1.125em;
    
    /* This ensures the icon takes the text color */
    background-color: #CCD754; 
    
    /* 3. The SVG Data URI (A simple right arrow) */
    /* You can replace the URL content below with your own SVG */
    mask-image: url('data:image/svg+xml,<svg class="icon-chevron-double-yellow" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="M3.46792 16L9.85766 8L3.46792 0H0L6.38974 8L0 16H3.46792Z"></path><path d="M9.61026 16L16 8L9.61026 0H6.14234L12.5321 8L6.14234 16H9.61026Z"></path></svg>');
    mask-position: center;
    mask-size: contain;
    mask-repeat: no-repeat;
}