.scroll_to_top{
  float: right;
  border-radius: 50%;
  background-color: #71639e;
  color: white;
  border: none;
  padding: 5px;
  font-size: 21px;
  height: 50px;
  width: 50px;
  box-shadow: 0 2px 4px darkslategray;
  cursor: pointer;
  transition: all 0.2s ease;
}
.scroll_icon {
   position: fixed;
   bottom: 30px;
   right: 20px;
   z-index: 9999;
   display: none;
}
.scroll_to_bottom{
  float: right;
  border-radius: 50%;
  background-color: #71639e;
  color: white;
  border: none;
  padding: 5px;
  font-size: 21px;
  height: 50px;
  width: 50px;
  box-shadow: 0 2px 4px darkslategray;
  cursor: pointer;
  transition: all 0.2s ease;
}
.scroll_icon_bottom {
   position: fixed;
   top: 30px;
   right: 20px;
   z-index: 9999;
   display: none;
}
.scroll_to_bottom:hover, .scroll_to_top:hover {
   box-shadow: 0 0 0 0.5rem rgba(25, 135, 84, 0.25);
}

@media (min-height: 30rem) {
  .scroll_icon_bottom {
    display: none;
  }
}
@media (max-height: 35rem) {
  .scroll_icon_bottom {
    display: block;
  }
}

@media (min-height: 30rem) {
  .scroll_icon {
    display: none;
  }
}
@media (max-height: 35rem) {
  .scroll_icon {
    display: block;
  }
}
@media (max-width:800px){
.scroll_icon_bottom, .scroll_icon{
display:none !important;
}