label {
  display: block;
  font-size: var(--font-size-small);
  font-weight: 400;
  margin: 0;

  a:hover {
    color: var(--theme-color-link-hover);
  }

  sup {
    vertical-align: top;
    margin-left: 0.1em;
  }
}

input[type='radio'], input[type='checkbox'] {
  ~ label {
    font-size: var(--font-size-copy);
    line-height: 1.4;
    display: inline-block;
    vertical-align: top;
    max-width: calc(100% - 40px);
    margin-top: calc(10px - 0.6em);
    margin-bottom: 1em;

    @media(max-width: 999px) {
      margin-top: calc(10px - 0.65em);
    }
  }
}