.cd-top {
  color: #fff !important;
  display: inline-block;
  height: 48px;
  width: 48px;
  position: fixed;
  bottom: 120px;
  right: 22px;
  outline: 2px solid #fff;
  border-radius: 50%;
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' standalone='no'%3F%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd' %3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' viewBox='-10 0 1802 1792'%3E%3Cpath fill='%23fff'%0Ad='M1683 1228l-166 165q-19 19 -45 19t-45 -19l-531 -531l-531 531q-19 19 -45 19t-45 -19l-166 -165q-19 -19 -19 -45.5t19 -45.5l742 -741q19 -19 45 -19t45 19l742 741q19 19 19 45.5t-19 45.5z' /%3E%3C/svg%3E%0A"); /* background-image: url(cd-top-arrow.png); */
  background-size: 24px;
  background-repeat: no-repeat;
  background-position: center 50%;
  background-color: rgb(3, 123, 171);
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;
  -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;
  transition: opacity 0.3s 0s, visibility 0s 0.3s;
  z-index: 2;
}

.cd-top a {
  color: #fff;
}

.cd-top a:after {
  content: "\f077";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  display: inline-block;
}

.cd-top.cd-is-visible,
.cd-top.cd-fade-out,
.no-touch .cd-top:hover {
  -webkit-transition: opacity 0.3s 0s, visibility 0s 0s;
  -moz-transition: opacity 0.3s 0s, visibility 0s 0s;
  transition: opacity 0.3s 0s, visibility 0s 0s;
}

.cd-top.cd-is-visible {
  visibility: visible;
  opacity: 1;
}

.cd-top.cd-fade-out {
  opacity: 0.9;
}

.no-touch .cd-top:hover {
  background-color: var(--primary-alt);
  opacity: 1;
}