@charset "utf-8";

@import "variables";

.go-back-top {
  background: radial-gradient(circle at 60% 90%, #dea797, transparent 60%), radial-gradient(circle at 10px 10px, #eb8467, transparent 25%), #ec6641;
  text-align: center;
  padding: 0.625em 0.75em;
  position: fixed;
  bottom: 0.9375em;
  right: 0.9375em;
  cursor: pointer;
  display: none;
  color: $theme-white;
  font-size: 0.750em;
  border-radius: 0.125em;
  z-index: 1050;
  opacity: .9;
  clip-path: polygon(25% 5.77%, 75% 5.77%, 100% 50%, 75% 94.23%, 25% 94.23%, 0% 50%);
  padding: 1em;

  &:hover {
    transition: background 0.4s ease;
    background: radial-gradient(circle at 70% 80%, #66a9e2b3, transparent 60%), radial-gradient(circle at 25% 25%, #ffa0dc80, transparent 40%), radial-gradient(circle at 50% 50%, #3c78ff4d, transparent 70%), linear-gradient(135deg, #54a1e1 0%, #00437c 60%, #80b5ff 100%);
  }
}