.leaflet-div-icon {
  margin: 0 !important;
  width: revert !important;
  height: revert !important;
  background: none;
  border: none;

  & span {
    --icon-size: 1.6rem;
    background: white;
    border: thin solid black;
    font-size: calc(0.7 * var(--icon-size));
    -webkit-text-stroke:  1px blue;
    border-radius: 50%;
    line-height: var(--icon-size);
    width: var(--icon-size) !important;
    height: var(--icon-size) !important;
    text-align: center;
    margin-left: calc(-0.5 * var(--icon-size)) !important;
    margin-top: calc(-0.5 * var(--icon-size)) !important;
    display: block;
  
    &#current-position {
      background: black;
      border: none;
    }
  }
}