<div class="promo-info-box">

  <span class="promo-info-icon">i</span>

  <span class="promo-info-text">

    Specijalne promotivne cene važe od 1. do 31. maja.

  </span>

</div>

<style>

.promo-info-box {

  display: flex;

  align-items: center;

  gap: 8px;

  padding: 10px 14px;

  margin-top: 12px;

  border: 1px solid #2a6ebb;

  background-color: #f4f8fd;

  color: #1f5fa7;

  font-size: 14px;

  line-height: 1.4;

}

.promo-info-icon {

  display: inline-flex;

  justify-content: center;

  align-items: center;

  width: 18px;

  height: 18px;

  border-radius: 50%;

  background-color: #1f5fa7;

  color: #ffffff;

  font-size: 12px;

  font-weight: bold;

  flex-shrink: 0;

}

.promo-info-text {

  font-weight: 400;

}

</style>