$highlight-answer-bg-color: #28a197;
$highlight-answer-color: #fff;

.govuk-govspeak  .highlight-answer {
  background-color: $highlight-answer-bg-color;
  color: $highlight-answer-color;
  text-align: center;
  padding: 0.1em 2em 0.2em;
  margin: 0 -1em 1em;

  p {
    line-height: 2.3em;
    color: $highlight-answer-color;

    em {
      font-size: 2.45em;
      font-style: normal;
      font-weight: 700;
      display: block;
      margin-bottom: 0.5em;
      color: $highlight-answer-color;
    }
  }

  @include media-down(mobile) {
    margin: 0 0 1em;

    @include core-48;

    p {
      font-size: 1em;
      line-height: inherit;

      em {
        font-size: 1em;
        display: inline;
      }
    }
  }
}

$highlight-answer-bg-color: #28a197;
$highlight-answer-color: #fff;

.govuk-govspeak  .highlight-answer {
  background-color: $highlight-answer-bg-color;
  color: $highlight-answer-color;
  text-align: center;
  padding: 0.1em 2em 0.2em;
  margin: 0 -1em 1em;

  p {
    line-height: 2.3em;
    color: $highlight-answer-color;
    font-weight: 700;

    em {
      font-size: 2.45em;
      font-style: normal;
      display: block;
      margin-bottom: 0.5em;
      color: $highlight-answer-color;
    }
  }

  @include media-down(mobile) {
    margin: 0 0 1em;

    @include core-48;

    p {
      font-size: 1em;
      line-height: inherit;

      em {
        font-size: 1em;
        display: inline;
      }
    }
  }
}

Improve contrast ratio of highlight answer
Improve contrast ratio of highlight answer

19px text has a contrast too low against turquoise for WCAG AA.
Use bold font to increase contrast and fix aXe warning.

See lengthy discussion here:
https://github.com/alphagov/govuk_elements/issues/200
