@use "sass:math";

.opponent-finder__result {
  border-bottom: 1px dotted $black;
  border-bottom-left-radius: $base-border-radius;
  border-bottom-right-radius: $base-border-radius;
  border-left: 1px dotted $black;
  border-right: 1px dotted $black;
  margin-top: -$small-spacing;
  padding: math.div($small-spacing, 3);
}

.opponent-finder__result-item {
  border-radius: $base-border-radius * 0.5;
  cursor: pointer;
  display: block;
  padding: math.div($small-spacing, 3) $base-spacing * 0.5;
  text-decoration: none;

  &:hover,
  &:focus {
    background: $black;
    color: $white;
  }
}