#footer-call-buttons-area {
  position: sticky;
  width: 100%;
  bottom: 0px;
  display: grid;
  justify-content: space-evenly;
  grid-template-columns: 50% 50%;
  transition: bottom 0.5s ease;
  z-index: 98;
}
#footer-call-buttons-area > div > a,
#footer-call-buttons-area > div > a:active {
  display: block;
  font-size: 12px;
  padding-left: 0;
  padding-right: 0;
  background: var(--theme-color-light);
  color: #000000;
}
#footer-call-buttons-area > div > a:hover {
  background: var(--theme-color-dark);
}
#footer-call-buttons-area > div:nth-of-type(2) > a {
  border-left: 1px solid var(--theme-color-dark);
  border-right: 1px solid var(--theme-color-dark);
}
#footer-call-buttons-area.hidden {
  bottom: var(--call-buttons-height-negative);
}




#side-scrollup-button-area {
  position: fixed;
  right: 0;
  bottom: calc(var(--call-buttons-height) * 2);
  height: var(--call-buttons-height);
  width: var(--call-buttons-height);
  transition: right 0.5s ease;
}
#side-scrollup-button-area > button,
#side-scrollup-button-area > button:active {
  display: block;
  font-size: 2rem;
  padding: 0;
  width: 100%;
  height: 100%;
  background: var(--theme-color-light);
  color: #000000;
}
#side-scrollup-button-area > button:hover {
  background: var(--theme-color-dark);
}
#side-scrollup-button-area.hidden {
  right: var(--call-buttons-height-negative);
}





@media (min-width: 768px) {
  #footer-call-buttons-area {
    display: none;
  }
}