
/*teardrop shape styling*/
.royalnews-scroll-arrow, .royalnews-scroll-text {
    display: none;
}

.royalnews-scroll-arrow {
  position: fixed;
  right: 8px;
  bottom:65px;
  width: 50px;
  height: 50px;
  background: #d72924;
  border-radius: 50% 0 50% 50%;
  transform: rotate(-45deg);
  z-index: 9;
  &:hover {
    background: #f67280;
  }
  .royalnews-scroll-text{
    color: #ffffff;
    right: 52px;
    bottom: 99px;
    font-size: 20px;
    left: 0;
    z-index: 10;
    text-shadow: 2px 2px 10px purple;
    display: flex !important;
    align-items: center;
    margin: 13px;
    justify-content: center;
    transform: rotate(46deg);
    &:hover {
      color: #fff;
    }
  }
}
