$card-size: 12rem;
$card-size-large: 10rem;
$card-image-size: 80px;
$card-image-size-large: 96px;

.hit {
  height: $card-size;
  border: 1px solid transparent;

  @include break(large) {
    height: $card-size-large;
  }

  @include hover-transition(border-color);

  &:hover {
    border-color: material-color('blue', '500');
  }
}

.hit__image {
  width: $card-image-size;
  height: $card-image-size;

  @include break(large) {
    width: $card-image-size-large;
    height: $card-image-size-large;
  }

  object-fit: contain;
}

.hit__start {
  // amber-500
  fill: #ffc107;
}

.hit__start--empty {
  fill: material-color('grey', '200');
}

$card-size: 12rem;
$card-size-large: 10rem;
$card-image-size: 80px;
$card-image-size-large: 96px;

.hit {
  height: $card-size;
  border: 1px solid transparent;

  @include break(large) {
    height: $card-size-large;
  }

  @include hover-transition(border-color);

  &:hover {
    border-color: material-color('blue', '500');
  }
}

.hit__link {
  &:focus {
    outline: 0 !important;
  }
}

.hit__image {
  width: $card-image-size;
  height: $card-image-size;

  @include break(large) {
    width: $card-image-size-large;
    height: $card-image-size-large;
  }

  object-fit: contain;
}

.hit__start {
  // amber-500
  fill: #ffc107;
}

.hit__start--empty {
  fill: material-color('grey', '200');
}

Fix hit link outline on hover
Fix hit link outline on hover
