.meta-icons {
  @media screen and (min-width: 1150px) {
    height: 72px;
    .icon {
      width: 35px;
      height: 100%;
    }
  }
  .meta-icons__esu-toggle {
    font-family: "GT-Walsheim-Regular",helvetica,arial,sans-serif;
  }
  .meta-icons__login,
  .meta-icons__magnify,
  .meta-icons__esu-toggle {
    width: 32px;
    height: 67px;
    @media screen and (min-width: 740px) {
      width: 52px;
    }
    @media screen and (min-width: 1150px) {
      height: 72px;
      width: 32px;
    }
    &.active {
      background-color: #f9f9f9;
    }
    &:focus {
      outline: none; // Accessibility !
    }
    span {
      display: none;
    }
    .icon {
      margin: 20px 4px;
      fill: $colour-gainsboro-grey;
      transition-property: fill;
      transition-duration:150ms;
      @media screen and (min-width: 740px) {
        margin: 14px 4px;
        width: 35px;
        height: 35px;
      }
      @media screen and (min-width: 1150px) {
        width: 20px;
        height: 21px;
        margin: 26px 5px;
      }
    }
    &:hover,
    &:focus,
    &:active {
      .icon {
        fill: $colour-black;
      }
    }
  }
}

.header__inner-wrapper .block-cr-meta-icons {
  width: 105px;
  height: 66px;

  @media screen and (min-width: 740px) {
    width: 165px;
  }
  @media (min-width: 1150px) {
    width: 120px;
  }
}