@import "./navbar.css";
@import "./footer.css";
@import "./operational-area.css";
@import "./ambulance.css";
@import "./client.css";
@import "./main-product.css";
@import "./blog.css";
@import "./carousel.css";
@import "./out-center.css";
@import "./about.css";
.app-container {
  width: 100%;
  overflow-x: hidden;
}

@keyframes smooth-appear {
  0% {
    transform: scale(1.5);
    transform-origin: right;
  }
  100% {
    transform: scale(1); /* Tỷ lệ thu nhỏ */
    transform-origin: right;
  }
}

.float-buttons {
  display: flex;
  align-items: center;
  flex-direction: column;
  position: fixed;
  top: 70%;
  /* bottom: 0; */
  right: 0;
  width: 70px;
  transform: translateY(-50%);
  z-index: 1000;
  border: none;
}

.float-buttons .icon button {
  background: var(--sce-ds);
  width: 35px;
  height: 35px;
  margin-top: 15px;
  border-radius: 0;
  animation: smooth-appear 0.3s ease forwards;
  
}

.float-buttons .icon button:hover {
  background: var(--pri-ds);
  transform: scale(1.3) !important;
  transform-origin: center !important;
}


.float-buttons .icon {
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: transparent;
  padding: 10px 0;
}

.icon img[src*="instagram.svg"] {
  fill: url(#instagramGradient);
}

.copyright {
  font-family: "Be Vietnam Pro", sans-serif;
  color: #534d44;
  font-size: 14px;
  padding: 30px 10px 30px 10px;
  font-weight: 600;
  background: #fff;
}

@media (max-width: 768px) {
  .copyright {
    font-size: 10px;
    padding: 15px 10px 15px 10px;
    line-height: 12.65px;
    height: 61px;
  }
  .copyright a {
    display: block;
  }
}
@media (max-width: 770px) {
  .mobile-container {
    padding: 0px 24px;
  }
}