Content Property Required for Pseudo-Elements

::before and ::after require content property to render.

Incorrect (missing content):

.button::before {
  position: absolute;
  background: var(--gray-3);
}

Correct (content set):

.button::before {
  content: "";
  position: absolute;
  background: var(--gray-3);
}