/* =========================
   SCROLL TOP BUTTON
========================= */

/*#scrollTopBtn{
  position:fixed;

  bottom:95px;
  right:22px;

  width:52px;
  height:52px;

  border:none;
  border-radius:50%;

  cursor:pointer;

  display:flex;
  align-items:center;
  justify-content:center;

  font-size:24px;
  font-weight:700;

  color:#fff;

  background:
    linear-gradient(
      135deg,
      var(--accent),
      var(--accent-2)
    );

  box-shadow:
    0 10px 30px rgba(112,8,231,.35);

  z-index:99999;

  opacity:0;
  visibility:hidden;

  transform:translateY(20px);

  transition:
    opacity .3s ease,
    transform .3s ease,
    visibility .3s ease;
}

/* visible */

/*#scrollTopBtn.show{
  opacity:1;
  visibility:visible;
  transform:translateY(0);
}

/* hover */

/*#scrollTopBtn:hover{
  transform:translateY(-3px);
}

/* mobile */

/*@media(max-width:780px){

  #scrollTopBtn{
    width:48px;
    height:48px;
    font-size:22px;

    right:18px;
    bottom:88px;
  }

}*/


/*-----------------------------*/

#scrollTopBtn{
  
  position:fixed;

  right:20px;
  bottom:105px;

  width:50px;
  height:50px;

  border:none;
  border-radius:50%;

  display:flex;
  align-items:center;
  justify-content:center;

  cursor:pointer;

  background:
    linear-gradient(
      135deg,
      var(--accent),
      var(--accent-2)
    );

  color:#fff;

  font-size:22px;

  box-shadow:
    0 10px 25px rgba(112,8,231,.35);

  z-index:99998;

  opacity:0;
  visibility:hidden;
  /*opacity:1 !important;
  visibility:visible !important;
  */
  transform:translateY(20px);

  transition:all .3s ease;

  -webkit-tap-highlight-color: transparent;
  
}

#scrollTopBtn.show{
  opacity:1;
  /*visibility:visible;*/
  transform:translateY(0);
  opacity:1 !important;
  visibility:visible !important;
}