JSFiddle - React, Tailwind, and code Playground

HTML

<button id="watchVideo">
  <span class="large-s">S</span> Watch the Introductory Video
</button>

CSS

button {
  line-height: 20px;
  font-family: text;
  font-size: 18px;
  writing-mode: horizontal-tb;
  color: black;
  background: transparent;
  border: 0px;
  /* height: 13px; */
  word-spacing: 0px;
  cursor: pointer;
  display: block;
  outline: 1px dashed red;
}

.large-s {
  display: inline-block;
  font-weight: bold;
  font-size: 3em;
  content: "S";
}