.mas-logo__img {
  max-width: none;
  width: 200%;
  margin-left: -100%;
}

.mas-logo__link {
  display: block;
  overflow: hidden;
  width: 180px;

  @include respond-to($mq-m) {
    width: 250px;
  }

  &:focus {
    outline: 2px solid $color-green-secondary;
  }
}

.mas-logo__img {
  max-width: none;
  width: 200%;
  margin-left: -100%;
}

.mas-logo__link {
  display: block;
  overflow: hidden;
  width: 180px;

  @include respond-to($mq-m) {
    width: 250px;
  }

  &:focus {
    border-bottom: 1px solid $color-primary-nav;
  }
}

Add accessible focus state to the logo
Add accessible focus state to the logo
