@layer global {
  .small,
  .text--small {
    color: var(--main-color-light);
    font-size: 80%;

    strong {
      color: var(--main-color);
    }
  }

  .small a,
  .text--small a,
  a.small,
  a.text--small {
    color: var(--main-color-light);
    text-decoration: underline;
    font-weight: normal;

    &:hover {
      color: #6b6b6b;
    }
  }
}
