[SOLVED] How to add a shadow to the stroke and not directly on the text?

How to add a shadow to the stroke and not directly on the text?

does anyone know how to do this?

This is what I've done so far, but I cant add shadow to the stroke

I tried to add a shadow but in the end it's not working It's adding the shadow on the text itself, not after the white stroke. I cant figure out how to do that.

.mapv2-title {
    font-family: "Poppins", sans-serif !important;
    font-style: italic !important;
    font-weight: 900 !important;
    -webkit-text-stroke: 15px yellow;
  }


  .fixstroke {
    paint-order: stroke fill;
  }

<div class="mapv2-title">
        <span style="color: 'black'" class="fixstroke">
          SOMETEXT
        </span>
      </div>

Solution

Use drop-shadow and it will always renders lasts as it's an after effect.

.mapv2-title {
  font-family: "Poppins", sans-serif !important;
  font-style: italic !important;
  font-weight: 900 !important;
  font-size: 72px;
  -webkit-text-stroke: 10px yellow;
  filter: drop-shadow(0px 4px 6px rgba(0, 0, 0, 0.4));
}


.fixstroke {
  paint-order: stroke fill;
}

<div class="mapv2-title">
    <span style="color: black" class="fixstroke">
        SOMETEXT
    </span>
</div>