JSFiddle - React, Tailwind, and code Playground

HTML

<div class="d-flex h-100">
  <button>
    My Example
  </button>
</div>

CSS

body {
  height: 100vh;
}
button {
  position: relative;
  height: 40px;
  border: none;
  margin: 20px auto;;
}
button::before {
    content: '';
    display: inline-block;
    background: red;
    width: 5px;
    height: 40px;
    top: 0;
    left: 0;
    border-radius: 140px;
    position: absolute;
    border:none;
}