<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="sale-banner">
  <p><strong>{{block.settings.headline}}</strong></p>
  <p>{{block.settings.subheadline}}</p>
</div>
</div>
<style>
.sale-banner {
  border: 2px dashed {{block.settings.bordercolor}};
  padding: 14px;
  background-color: {{block.settings.backgroundcolor}};
  width: fit-content;
  border-radius: 6px;
}

.sale-banner p {
  margin: 0;
  font-size: 14px;
  color: black;
}

.sale-banner p strong {
  font-size: 16px;
  color: black;
}
</style>