p {

  font-size: $font-size-medium;
  font-weight: $font-weight-regular;
  line-height: $line-height-medium;
  margin-bottom: $margin-s;

  &.large {
    font-size: $font-size-large;
    font-weight: $font-weight-regular;
    line-height: $line-height-large;
  }

  &.small {
    font-size: $font-size-small;
    font-weight: $font-weight-regular;
    line-height: $line-height-small;
  }

  &.subtle {
    color: $text-color-subtle;

    svg {
      fill: rgba($text-color-subtle, .45);
    }
  }

  &.disabled {
    color: $text-color-disabled;

    svg {
      fill: rgba($text-color-disabled, .20);
    }
  }

  &.caption {
    margin-top: 4px;
    margin-bottom: 0;

    svg {
      margin-bottom: -7px;
    }
  }
}