/* EDOUARGOT - bouton rond remonter en haut
   Bas droite, même esprit que la navbar.
*/

#scrollToTopButton {
  position: fixed !important;
  right: clamp(14px, 2.2vw, 26px) !important;
  bottom: clamp(14px, 2.2vw, 26px) !important;
  z-index: 99999 !important;

  width: clamp(46px, 5vw, 56px) !important;
  height: clamp(46px, 5vw, 56px) !important;
  min-width: clamp(46px, 5vw, 56px) !important;
  min-height: clamp(46px, 5vw, 56px) !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  border-radius: 999px !important;
  border: 2px solid #F5C063 !important;

  background: #330705 !important;
  background-color: #330705 !important;
  color: #F5C063 !important;
  -webkit-text-fill-color: #F5C063 !important;

  font-family: Arial, Helvetica, sans-serif !important;
  font-size: clamp(1.45rem, 3vw, 1.9rem) !important;
  font-weight: 900 !important;
  line-height: 1 !important;

  box-shadow: 0 12px 30px rgba(51, 7, 5, 0.28) !important;
  cursor: pointer !important;

  opacity: 0 !important;
  visibility: hidden !important;

  padding: 0 !important;
  margin: 0 !important;

  transition:
    opacity .18s ease,
    visibility .18s ease,
    transform .18s ease,
    background-color .18s ease,
    color .18s ease,
    border-color .18s ease !important;
}

#scrollToTopButton span {
  display: block !important;
  transform: translateY(-2px) !important;
  pointer-events: none !important;
}

#scrollToTopButton:hover,
#scrollToTopButton:focus {
  background: #F5C063 !important;
  background-color: #F5C063 !important;
  color: #330705 !important;
  -webkit-text-fill-color: #330705 !important;
  border-color: #330705 !important;
  transform: translateY(-3px) !important;
}

#scrollToTopButton:active {
  transform: translateY(-1px) scale(0.98) !important;
}

#scrollToTopButton img {
  display: none !important;
}

@media (max-width: 520px) {
  #scrollToTopButton {
    right: 14px !important;
    bottom: 14px !important;
    width: 46px !important;
    height: 46px !important;
    min-width: 46px !important;
    min-height: 46px !important;
    font-size: 1.45rem !important;
  }
}
