.operation-map__map-container{width: 70%}
.operation-map__left-map-content{width: 30%;}
.operation-map__btn .circle-color {width: 1.6rem;  height: 1.6rem;}
.operation-map__btn .circle-color.uk-travel {background-color: var(--primary-1);}
.operation-map__btn .circle-color.north-america {background-color: var(--secondary-1);}
.operation-map__btn .circle-color.rest-of-the-world {background-color: var(--secondary-2);}
.operation-map__btn.active{background-color: var(--secondary-3);}

.operation-map__map-container{width: 100%}
.operation-map__left-map-content{width: 100%;}
#chartdiv{height: 229px;}
.operation-map__btn{max-width: 30.4rem; width: 100%;justify-content: center;}

/* Smooth fade animation */

.operation-map__region-content,
.operation-map__default-content {
  opacity: 1;
  visibility: visible;
  transition: 0.5s;
  overflow: hidden;
  height: auto;
  transform: translateX(0%);
  grid-area: 1 / 1;
}
.fade-hidden {
  opacity: 0;
  visibility: hidden;
  overflow: hidden;
  transition: 0.5s;
  height: auto;
  transform: translateX(200%);
  grid-area: 1 / 1;
}
@media (min-width:576px) {
  #chartdiv{height: 300px;}
}
@media (min-width:768px) {
  .operation-map__btn{width: auto;justify-content: start;}
}
@media (min-width:992px) {
  .operation-map__map-container{width: 70%}
  .operation-map__left-map-content{width: 30%;}
  #chartdiv{height: 600px;}
}
@media (min-width:1200px) {
  .operation-map__map-container{width: 80%}
  .operation-map__left-map-content{width: 20%;}
}