.back-button-wrapper {
  position: fixed;
  top: 80px;
  left: 20px;
  padding: 0 10px;
  height: 58px;
  width: 175px;
  box-sizing: border-box;
  border-radius: 29px;
  opacity: 0;
}

.back-button-wrapper:hover {
  cursor: pointer;
}

.back-button-arrow {
  font-size: 40px;
  color: white;
}

.back-button-text {
  display: inline-block;
  font-size: 40px;
  color: white;
  margin-left: 15px;
}

.cbit-back-button-wrapper {
  background: #F06236;
}

.cbit-back-button-wrapper:hover {
  background: #c5502d;
}

.extracredit-back-button-wrapper {
  background: rgb(26, 156, 150);
}

.extracredit-back-button-wrapper:hover {
  background: rgb(18, 110, 106);
}

.trackyourletters-back-button-wrapper {
  background: rgb(100, 100, 100);
}

.trackyourletters-back-button-wrapper:hover {
  background: rgb(130, 130, 130);
}

.back-button-appear {
  opacity: 1;
  animation: .7s back-button-appear forwards;
}

@keyframes back-button-appear {
  0% {
    opacity: 0;
    top: 60px;
  }
  100% {
    opacity: 1;
    top: 80px;
  }
}