/* Rulla ner knapp  */
.gre-scroll-ball {
   background-color: #2d6a81;
   border-radius: 50%;
   border: solid 4px #fff;
   height: 4em;
   width: 4em;
   box-sizing: border-box;
   cursor: pointer;
   position: fixed;
   left: 50%;
   transform: translateX(-50%);
   bottom: 3em;
   z-index: 10;
}

.gre-scroll-down::before,
.gre-scroll-down::after {
   content: "\f078";
   color: #fff;
   position: absolute;
   font-size: 1.6rem;
   left: 50%;
   transform: translate(-50%);
}

.gre-scroll-down::before {
   top: 15%;
}

.gre-scroll-down::after {
   top: 40%;
}

.gre-scroll-up::before,
.gre-scroll-up::after {
   content: "\f077";
   color: #fff;
   position: absolute;
   font-size: 1.6rem;
   left: 50%;
   transform: translate(-50%);
}

.gre-scroll-up::before {
   top: 10%;
}

.gre-scroll-up::after {
   top: 35%;
}