/*koko laskurin div*/
#dataviz-population-counter .container {
  margin: 0 auto;
  text-align: center;
  display: inline-block;
  font-size: x-large;
  width: 100%;
}

/*väkiluvun div*/
#dataviz-population-counter #counter {
  font-weight: bold;
  letter-spacing: 2px;
}

/*info-painike*/
#dataviz-population-counter .info-button {
  background-color: #ffffff;
  color: black;
  text-align: center;
  text-decoration: none;
  font-weight: bold;
  cursor: pointer;
  border-radius: 50%;
  border: 2px solid black;
  font-size: large;
  width: 1.875rem;
  height: 1.875rem;
}

/*infoteksti*/
#dataviz-population-counter .info {
  font-size: small;
  display: none;
}

/*oletuksena infotekstiä ei näytetä*/
#dataviz-population-counter .info.toggle-content {
  display: none;
}

/*infoteksti näkyväksi*/
#dataviz-population-counter .info.toggle-content.visible {
  display: block;
}

/*hover-efekti pois mobiililaitteilta*/
@media only screen and (min-width: 600px) {
  #dataviz-population-counter .info-button:hover {
    border: 2px solid #18b5ca;
    color: #18b5ca;
  }
  /*painike tummassa tilassa*/
  @media (prefers-color-scheme: dark) {
    #dataviz-population-counter .info-button:hover {
      color: white;
      background-color: #18b5ca;
    }
  }
}