@charset "utf-8";

.ScrollToTop_container__dRcnp { position: fixed; z-index: 9; right: 4%; transform: translateX(-50%); background-color: rgba(88, 88, 88, 0.35); cursor: pointer; width: 60px; height: 60px; border-radius: 50%; display: flex; align-items: center; justify-content: center; border: 1px solid rgb(243, 146, 0); }

.ScrollToTop_container__dRcnp:hover { background-color: rgba(243, 146, 0, 0.5); }

@media (max-width: 1023px) {
  .ScrollToTop_container__dRcnp { left: 50%; }
}

.ScrollToTop_visible__GbRPU { bottom: 1.4rem; opacity: 1; transition: 0.2s ease-in; }

@media (max-width: 1023px) {
  .ScrollToTop_visible__GbRPU { bottom: 9.5rem; }
}

.ScrollToTop_hide__4FNm_ { bottom: -100%; opacity: 0; transition: 0.2s ease-in; }