<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;"

>


<span class="text-with-icon text-success">
  
 <svg role="presentation" focusable="false" stroke-width="2" width="18" height="18" class="icon icon-success" style="--icon-height: 18px" viewBox="0 0 18 18">
        <path d="M0 9C0 4.02944 4.02944 0 9 0C13.9706 0 18 4.02944 18 9C18 13.9706 13.9706 18 9 18C4.02944 18 0 13.9706 0 9Z" fill="currentColor"></path>
        <path d="M5 8.8L7.62937 11.6L13 6" stroke="#ffffff" fill="none"></path>
   
      </svg>{{ block.settings.readytoshiptext }}</span>

   </div>

<style>

  .text-with-icon {
    gap: 5px;
    align-items: center;
    display: flex;
  }
  .text-with-icon > svg {
    flex-shrink: 0;
  }
  .icon {
    vertical-align: middle;
    display: block;
  }
  .text-success {
    color: {{ block.settings.readytoshipcolor }};
  }
}

</style>