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

Title: Back to top
Descr: Component that triggers scroll-y to the top of the page

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

:root {
  /* style */
  --btt-icon-size: 1.25em;
}

.back-to-top {
  position: fixed;
  right: 15px;
  bottom: 15px;
  padding: 15px;
  z-index: 1000;
  border-radius: 0.25em;
  background-color: rgba(251, 175, 93, 0.75);
  transition: 0.3s;
}

.back-to-top:hover {
  background-color: rgba(251, 175, 93, 1);
}

.back-to-top .icon {
  display: block;
  color: white;
  width: 30px;
  height: 30px;
}
  
.js-back-to-top { 
  visibility: hidden;
  opacity: 0;
}

.js-back-to-top.back-to-top--is-visible {
  visibility: visible;
  opacity: 1;
}