h2 {
  margin-bottom: 1em;
}

h4, h5 {
  width: fit-content;
}

.by {
  margin: 1rem 0 0;
  font-family: var(--font-family-style);
}

.by a:before {
  background-color: var(--color-tertiary);
  transform: scaleY(0.4);
  transform-origin: 50% 100%;
  transition-property: transform;
  transition-duration: 0.3s;
  transition-timing-function: ease-out;
}

.by a:hover, .by a:focus, .by a:active {
  color: var(--color-black);
}

.by a:hover:before, .by a:focus:before, .by a:active:before {
  transform: scaleY(1);
}