/* ==========================================================
   EBZ – Back to top
========================================================== */

.ebz-top-button {
  position: fixed;
  right: 0;
  bottom: 80px;
  z-index: 9998;

  width: 46px;
  height: 52px;

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

  border: 0;
  border-radius: 0;

  background: #222;
  color: #fff;

  cursor: pointer;

  transform: translateX(24px);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;

  transition:
    transform 0.25s ease,
    opacity 0.25s ease,
    visibility 0.25s ease;
}

.ebz-top-button.is-visible {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.ebz-top-button.is-dimmed {
  opacity: 0.5;
}

@media (hover: hover) and (pointer: fine) {
  .ebz-top-button:hover {
    transform: translateX(0);
	opacity: 1;
  }
}

@media (hover: none) and (pointer: coarse) {
  .ebz-top-button {
    transform: translateX(30px);
  }
}

.ebz-top-button-icon {
  font-size: 1.5rem;
  line-height: 1;
  transform: translateX(-10px);
}