.campaign-thermometer {
  width: 100%;
  overflow: hidden;
  position: relative;
  margin-bottom: 1em;
}
.campaign-thermometer h2 {
  font-size: 3.6rem;
}
.campaign-thermometer.campaign-thermometer-direction-ltr .outer,
.campaign-thermometer.campaign-thermometer-direction-ltr .inner {
  background-position: 100% 0;
  background-size: auto 100%;
}
.campaign-thermometer.campaign-thermometer-direction-ltr .inner {
  top: 0;
  right: 0;
}
.campaign-thermometer.campaign-thermometer-direction-btt .outer,
.campaign-thermometer.campaign-thermometer-direction-btt .inner {
  background-position: 0 0;
  background-size: 100% auto;
}
.campaign-thermometer.campaign-thermometer-direction-btt .inner {
  top: 0;
  right: 0;
}
.campaign-thermometer .outer,
.campaign-thermometer .inner {
  background-repeat: no-repeat;
}
.campaign-thermometer img {
  visibility: hidden;
}
.campaign-thermometer .outer {
  position: relative;
  z-index: 1;
  max-width: 200px;
  margin: 0 auto;
}
.campaign-thermometer .inner {
  position: absolute;
  z-index: 2;
  width: 100%;
  height: 100%;
}
.campaign-thermometer h2,
.campaign-thermometer h3 {
  text-align: center;
}