.dashboard .progress_bar {
  display: flex;
  justify-content: center;
  position: absolute;
  bottom: 0px;
  left: 50%;
  transform: translate(-50%, 550px);
  transition: 0.5s ease;
  height: 304px;
  width: 100%;
}

.dashboard .progress_bar.arrows {
  display: block;
}

.dashboard.visible .progress_bar {
  transform: translate(-50%, -56px)
}

.dragon_cards_set {
  display: flex;
  position: absolute;
  top: 0px;
  left: 0px;
  opacity: 0;
  pointer-events: none;
  width: 100%;
  justify-content: center;
}

.dragon_cards_set.visible {
  opacity: 1;
  pointer-events: all;
}




.progress_bar .round_button {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.progress_bar .prev {
  left: 32px;
}

.progress_bar .next {
  right: 32px;
}