/* =========================================================
   12 — BACK TO TOP
   Floating page utility
   ========================================================= */

.back-to-top{
  position:fixed;
  right:24px;
  bottom:24px;
  z-index:90;
  width:46px;
  height:46px;
  display:grid;
  place-items:center;
  padding:0;
  border:1px solid rgba(244,239,229,.28);
  border-radius:50%;
  background:#1e2a21;
  color:#f4efe5;
  box-shadow:0 10px 28px rgba(30,42,33,.16);
  font:600 1.15rem/1 Arial,sans-serif;
  cursor:pointer;
  opacity:0;
  visibility:hidden;
  transform:translateY(10px);
  transition:opacity .22s ease,transform .22s ease,visibility .22s ease,background .2s ease;
}
.back-to-top.is-visible{
  opacity:1;
  visibility:visible;
  transform:translateY(0);
}
.back-to-top:hover{background:#927542}
.back-to-top:focus-visible{
  outline:3px solid #c5a66d;
  outline-offset:3px;
}