.fizz-popover {
  display: inline-block;
  background-color: $color-background-surface;
  font-size: $text-small-font-size;
  line-height: $text-small-line-height;
  border: $border-width-thin solid $color-border-default;
  border-radius: $border-radius-small;
  box-shadow: 0 0 1px 0 rgba(89, 89, 89, .3), 0 3px 5px 0 rgba(89, 89, 89, .25);
}

.fizz-popover a {
  display: block;
  padding: $spacing-8 $spacing-12;
}

.fizz-popover a:not([class*="fizz-text"]) {
  color: inherit;
}

.fizz-popover a:hover {
  text-decoration: none;
  background-color: $color-gray-100;
}

.fizz-popover :not(:last-child) {
  border-bottom: $border-width-thin solid $color-border-default;
}