.gototop {
  display         : inline-block;
  position        : fixed;
  bottom          : 30px;
  left            : 50%;
  transform       : translateX(-50%);
  width           : 30px;
  height          : 30px;
  background-color: $dark-color;
  color           : #fff;
  display         : flex;
  justify-content : center;
  align-items     : center;
  // border          : 1px solid $gray-color1;
  cursor          : pointer;
  z-index         : 1;
  visibility      : hidden;
  opacity         : 0;
  transition      : all 0.3s;
  border-radius   : 50%;
  &.active {
    visibility: visible;
    opacity   : 1;
  }
}