*{
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}

.go-top-container{
  position: fixed;
  bottom: 4rem;
  right: 4rem;
  width: 3rem;
  height: 3rem;
  z-index: -1;
}

.go-top-button{
  width: 0rem;
  height: 0rem;
  background: #b08f40;
  border-radius:  50%;
  cursor: pointer;
  transition: .2s;
  top: 50%;
  left: 50%;
  transform: translate (-50%, -50%);
  z-index: -1;
}

.go-top.button i{

  position: absolute;
  font-size: 1.7rem;
  top:48%;
  left: 50%;
  transform: translate (-50%, -50%) scale(0);
  color: #fff;
  transition: .2s;
}

.show{
  z-index: 10;
}

.show .go-top-button{
  animation: popup .3s ease-in-out;
  width: 3rem;
  height: 3rem;
  z-index: 11;
}

.show i{

  transform: translate(-50%, -50%) scale(1);
  padding-top: 45px;
  padding-left: 47px;
  color: #fff;
}

.fa-chevron-up::before {
  content: "";
    color: #fff;
    font-size: 20px;
}

@keyframes popup{
  0%{
    width: 0rem;
    height: 0rem;  
  }
  50%{
    width: 8rem;
    height: 8rem;
  }
  100%{
    width: 3rem;
    height: 3rem;
  }
}

  @media screen and (max-width: 360px) {
    .go-top-container{
  bottom: 2rem;
  right: 2rem;
 
}

  }