<div class="{{ block.settings.visibility }}"
  {{ block.shopify_attributes }}
  style="--margin-top: {{ block.settings.margin_top | divided_by: 10.0 }}rem;--margin-bottom: {{ block.settings.margin_bottom | divided_by: 10.0 }}rem;"

>


<div class="offer-full__code flex-box flex-box--ai--center flex-box--jc--center">
  <div class="offer-full__code__text" style="color: black;">
    <p>{{block.settings.offertext1}} <strong>{{block.settings.offertext2}}</strong><br></p>
  </div>
  <div class="offer-full__code__button flex-box--inline flex-box--ai--center flex-box--jc--center offertext offer-btn--small" >{{block.settings.offertext3}}

  </div>
</div>

</div>





<style>
  .offertext {
    background-color: #fff;
    color: #161616;
    border: 2px solid black;
    color: #161616 !important;
    padding: 0 11px;
    border-radius: {{ block.settings.offertextborderradius }}px;
    font-size: 13px;
  }
  .offer-full__code.flex-box.flex-box--ai--center.flex-box--jc--center {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: {{ block.settings.offertext_align }};
    gap: 1rem;
    align-items: center;
    margin-top: 10px;
    ackground: #eee;
    border-radius: 24px;
    font-size: {{ block.settings.offertextfontsize }}px;
  }



</style>