.mf-scroll-arrows-wrap {
  position: fixed;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 1001; }

.mf-scroll-arrow {
  display: block;
  list-style-type: none;
  vertical-align: middle;
  min-width: 40px;
  width: auto;
  min-height: 40px;
  height: auto;
  background: #fff;
  border: 1px solid #ebebeb;
  text-align: center;
  cursor: pointer;
  margin: 4px 0;
  line-height: 1;
  border-radius: 0;
  -webkit-transition: opacity .2s;
  -o-transition: opacity .2s;
  transition: opacity .2s;
  color: #2d2d2d;
  position: relative; }

.mf-scroll-arrow:hover {
  background-color: #fff;
  border-color: #ebebeb; }

@media only screen and (max-width: 780px) {
  .mf-scroll-arrows-wrap {
    top: inherit;
    bottom: 0;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }
  .mf-scroll-arrow {
    margin: 16px 0; }
  .mf-scroll-arrow:last-of-type {
    margin-bottom: 0; } }

#refresh-comments-button .new-messages {
  position: relative;
  z-index: 2; }

.mf-scroll-arrow .count {
  display: block;
  padding: 10px 0;
  font-size: 15px;
  letter-spacing: -0.8px; }
  @media only screen and (max-width: 780px) {
    .mf-scroll-arrow .count {
      padding: 20px 0; } }

.mf-scroll-arrow:before {
  line-height: 40px; }

.mf-scroll-arrow:hover {
  opacity: 1; }