<div class="bm-button" style="
  padding-top:var(--bm-padding-top, var(--bm-padding-y, 0));
  padding-right:var(--bm-padding-right, var(--bm-padding-x, 0));
  padding-bottom:var(--bm-padding-bottom, var(--bm-padding-y, 0));
  padding-left:var(--bm-padding-left, var(--bm-padding-x, 0));
">
  <a class="bm-button__link" data-bm-el="label" href="{{url}}" style="
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:0.45em;
    flex-direction:{{btnIconFlex}};
    box-sizing:border-box;
    text-decoration:none;
    font-weight:var(--bm-label-font-weight, 600);
    font-size:var(--bm-label-font-size, 1rem);
    line-height:var(--bm-label-line-height, 1.2);
    font-family:var(--bm-label-font-family, inherit);
    padding:var(--bm-label-pad-y, 0.75rem) var(--bm-label-pad-x, 1.25rem);
    border-style:var(--bm-label-border-style, none);
    border-color:var(--bm-label-border-color, transparent);
    border-top-width:var(--bm-label-border-top-width, var(--bm-label-border-width, 0));
    border-right-width:var(--bm-label-border-right-width, var(--bm-label-border-width, 0));
    border-bottom-width:var(--bm-label-border-bottom-width, var(--bm-label-border-width, 0));
    border-left-width:var(--bm-label-border-left-width, var(--bm-label-border-width, 0));
    border-top-left-radius:var(--bm-label-border-top-left-radius, var(--bm-label-border-radius, 8px));
    border-top-right-radius:var(--bm-label-border-top-right-radius, var(--bm-label-border-radius, 8px));
    border-bottom-right-radius:var(--bm-label-border-bottom-right-radius, var(--bm-label-border-radius, 8px));
    border-bottom-left-radius:var(--bm-label-border-bottom-left-radius, var(--bm-label-border-radius, 8px));
    box-shadow:var(--bm-label-shadow, none);
  ">{{iconHtml}}<span class="bm-button__label">{{label}}</span></a>
</div>
