.btn-groups {
  display: block;
  position: fixed;
  right: 50px;
  bottom: 100px; }
  .btn-groups.hidden {
    display: none; }
  .btn-groups.fadeIn {
    animation: fadeInUp 0.5s forwards cubic-bezier(0.39, 0.575, 0.565, 1); }
  .btn-groups.fadeOut {
    animation: fadeOutUp 0.5s forwards cubic-bezier(0.39, 0.575, 0.565, 1); }
  .btn-groups > div {
    width: 78px;
    height: 78px;
    background-size: 100% 100%; }
  .btn-groups .to-top-btn {
    cursor: pointer;
    background-image: url("../image/top-arrow.png"); }
    .btn-groups .to-top-btn:hover {
      background-image: url("../image/top-arrow-active.png"); }
  .btn-groups .contact-btn {
    cursor: pointer;
    background-image: url("../image/contact.png"); }
    .btn-groups .contact-btn:hover {
      background-image: url("../image/contact-active.png"); }

/*# sourceMappingURL=btn-groups.css.map */