// Retrieved on 21 April 2023 from Home Office design system (https://github.com/UKHomeOffice/design-system/blob/fd1fedb90832c451e1ba9616f05f6ae109e6ed16/components/expandable-banner/assets/ExpandableBanner.scss)

.hods-expandable-banner {
  @include govuk-responsive-padding(2, "top");
  @include govuk-responsive-padding(2, "bottom");
  @include govuk-responsive-padding(3, "left");
  @include govuk-responsive-padding(3, "right");
  background-color: govuk-colour("dark-grey");
  color: govuk-colour("white");

  &--positive {
    background-color: govuk-colour("green");
    color: govuk-colour("white");
  }

  &--negative {
    background-color: #b10e1e;
    color: govuk-colour("white");
  }

  &__summary {
    @extend .govuk-details__summary; // Change: Added in extend to include the triangle styling part of the GOV.UK component
    @include govuk-font(19, 'bold');
    color: govuk-colour("white");
    display: block;
    text-transform: uppercase;

    &:hover {
      color: govuk-colour("white");
    }
  }

  &__text {
    @include govuk-responsive-padding (2, "top");
    @include govuk-responsive-margin(5, "left");
    border-top: 1px solid govuk-colour("white");
  }
}