.arrow-down,
.arrow-up {
  font-family: 'lernetz-symbols';
  color: white;
  font-size: 38px;
}
.arrow-down:hover,
.arrow-up:hover {
  color: black;
}
.arrow-dark .arrow-down,
.arrow-up .arrow-down {
  color: black;
}
.arrow-dark .arrow-down:hover,
.arrow-up .arrow-down:hover {
  color: grey;
}
.arrow-orange .arrow-down {
  color: #FF6248;
}
.arrow-orange .arrow-down:hover {
  color: grey;
}
.arrow-blue .arrow-down {
  color: #002B55;
}
.arrow-blue .arrow-down:hover {
  color: grey;
}
.button,
.button-number {
  display: flex;
  align-items: center;
  justify-content: center;
}
.button .circle,
.button-number .circle {
  background: white;
  border: black solid 1px!important;
}
.button .btn-text,
.button-number .btn-text {
  color: black;
  font-family: 'akkurat-regular';
  font-size: 20px;
  text-align: center;
  vertical-align: middle;
}
.button:hover .btn-text,
.button-number:hover .btn-text {
  color: white;
}
.button:hover .circle,
.button-number:hover .circle {
  box-shadow: 3px 3px 3px black;
  background: black;
  border: white solid 1px!important;
}
.button:hover .textblase,
.button-number:hover .textblase {
  display: inline!important;
}
.button .textblase,
.button-number .textblase {
  display: none!important;
}
.button-number .circle {
  background: #011a33;
  border: black solid 1px!important;
}
.button-number .btn-text {
  color: white;
}
.button-number:hover .btn-text {
  color: #011a33;
}
.button-number:hover .circle {
  box-shadow: 3px 3px 3px black;
  background: white;
  border: black solid 1px!important;
}