.tag-label {
      display: inline-block;
      padding: 5px 10px 5px 24px; /*10px 20px 10px 30px espaço extra por causa da ponta */
      color: white;
      font-size: 14px;
      font-family: sans-serif;
      position: relative;
      background-color: #e3e8e5; /* Pode alterar */
      border-radius: 5px;
      /* margin: 5px; */
    }

    .tag-label::before {
      content: '';
      position: absolute;
      left: 0;
      top: 0;
      width: 25px; /* mais largo */
      height: 100%;
      background-color: inherit;
      clip-path: polygon(100% 0%, 0% 50%, 100% 100%);
      z-index: 1;
    }

    .tag-label::after {
      content: '';
      position: absolute;
      left: 8px;
      top: 50%;
      transform: translateY(-50%);
      width: 6px;
      height: 6px;
      background-color: white;
      border-radius: 50%;
      z-index: 2;
    }