@import '~styles/settings.scss';

.container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  //to correct padding: 8px 21px; fromreact-tooltip componet
  margin: 7px -6px;
  pointer-events: all;
}

.info {
  display: flex;
  flex-direction: column;
}

.countryName {
  display: inline-block;
  color: $white;
  font-size: $font-size;
  padding-bottom: 5px;
}

.text {
  color: $dark-gray;
}

.icon {
  margin-left: 30px;
  fill: $white;
  stroke: $white;
  transform: rotate(-90deg);
  width: 10px;

  @media #{$tablet-landscape} {
    display: none;
  }
}

Add map tooltip theme styles
Add map tooltip theme styles
