/* scroll-to-top */
.scroll-to-top
   {
      z-index: 10;
      position: var(--scroll-to-top--position);
      bottom: var(--scroll-to-top--bottom);
      right: var(--scroll-to-top--right);
		box-shadow: var(--scroll-to-top--box-shadow);
                  /* 0px 2px 15px */
       /* border-radius: 0.7rem;15px */
      border-radius: var(--scroll-to-top--border-radius); 
      border: var(--scroll-to-top--border);
      background: var(--scroll-to-top--background);
      width: var(--scroll-to-top--width);
      height: var(--scroll-to-top--height);
      line-height: var(--scroll-to-top--line-height);
      color: var(--scroll-to-top--color);
      font-size: 1.5rem;
      cursor: pointer;
      transition: var(--scroll-to-top--transition);
      opacity: var(--scroll-to-top--opacity);
   }
.scroll-to-top:hover
   {
      transform: scale(1.25);     
      transform-origin: 50% 50%;
      background: var(--scroll-to-top-hover--background);
      color: var(--scroll-to-top-hover--color);
   }
.scroll-to-top i
   {
      font-family: var(--scroll-to-top--i--font-family);
      font-style: var(--scroll-to-top--i--font-style);
      font-weight: var(--scroll-to-top--i--font-weight);
   }
.scroll-to-top i:after
   {
      content: var(--scroll-to-top--i--content);
   }