.govuk-warning-text {
  margin-bottom: $govuk-gutter;
  font-weight: 400;
  position: relative;
  padding: 10px 0;

  .govuk-warning-text__text {
    display: block;
    padding-left: $govuk-gutter * 2;
  }

  .govuk-warning-text__icon {
    font-weight: 700;
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 0;
    min-width: 32px;
    min-height: 29px;
    margin-top: -20px;
    padding-top: 3px;
    border: 3px solid $black;
    border-radius: 50%;
    color: $white;
    background: $black;
    font-size: 1.6em;
    line-height: 29px;
    text-align: center;
    user-select: none;
  }
}