.footer {
  border-top: 1px solid #3a3d3d;
  background: linear-gradient(180deg, #292b2b 0%, #202222 52%, #151616 100%);
}
.footer-booking {
  display: grid;
  grid-template-columns: 1fr minmax(310px, 420px);
  gap: clamp(40px, 8vw, 110px);
  align-items: center;
  margin-bottom: 72px;
  padding: clamp(38px, 5vw, 64px);
  border: 1px solid #5a4325;
  background: linear-gradient(110deg, rgba(37, 27, 16, .96), rgba(10, 10, 9, .92)), #111;
  box-shadow: 0 24px 60px rgba(0, 0, 0, .28);
}
.footer-booking h2 {
  margin: 14px 0 8px;
  font-family: var(--serif);
  font-size: clamp(28px, 3.2vw, 44px);
  font-weight: 500;
}

@media (min-width: 801px) {
  .footer-booking h2 {
    font-size: clamp(22.68px, 2.592vw, 35.64px);
  }
}
.footer-booking p {
  margin: 0;
  color: #aaa298;
  font-size: 13px;
  line-height: 1.8;
}
.footer-booking-button {
  min-height: 78px;
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  gap: 20px;
  padding: 0 28px;
  border: 1px solid #e4bd79;
  background: linear-gradient(110deg, #d3a251, #9e6b2a);
  color: #fff;
  font-size: 20px;
  letter-spacing: .12em;
  box-shadow: 0 14px 32px rgba(0, 0, 0, .3);
  transition: transform .2s ease, filter .2s ease;
}
.footer-booking-button:hover {
  transform: translateY(-3px);
  filter: brightness(1.08);
}
.footer-booking-button span {
  font-size: 32px;
  line-height: 1;
}
.footer-nav-area {
  display: grid;
  justify-items: end;
  gap: 24px;
}
.footer-socials {
  display: flex;
  gap: 18px;
}
.footer-social {
  display: flex;
  align-items: center;
  gap: 10px;
  color: #c7c0b6;
  font-size: 12px;
  transition: color .2s ease, transform .2s ease;
}
.footer-social:hover {
  color: #fff;
  transform: translateY(-2px);
}
.social-icon {
  position: relative;
  width: 40px;
  height: 40px;
  flex: 0 0 auto;
}
.social-icon-line {
  display: grid;
  place-items: center;
  border-radius: 12px;
  background: #06c755;
  color: white;
  font: 700 9px/1 Arial, sans-serif;
  letter-spacing: -.03em;
}
.social-icon-line::after {
  content: "";
  position: absolute;
  bottom: -3px;
  left: 9px;
  border-width: 6px 6px 0 0;
  border-style: solid;
  border-color: #06c755 transparent transparent transparent;
  transform: rotate(12deg);
}
.social-icon-instagram {
  border-radius: 11px;
  background: radial-gradient(circle at 50% 50%, transparent 0 5px, #fff 6px 8px, transparent 9px), radial-gradient(circle at 72% 28%, #fff 0 2px, transparent 3px), radial-gradient(circle at 68% 68%, #ffdc80 0 12%, #fcaf45 22%, #f77737 39%, #e1306c 58%, #c13584 72%, #833ab4 88%);
}
.social-icon-instagram::before {
  content: "";
  position: absolute;
  inset: 9px;
  border: 2px solid #fff;
  border-radius: 9px;
}
.social-icon-instagram::after {
  display: none;
}
@media (max-width: 800px) {
  .footer-booking {
    grid-template-columns: 1fr;
    gap: 28px;
    margin-bottom: 58px;
    padding: 34px 24px;
  }
  .footer-booking-button {
    min-height: 70px;
    width: 100%;
    font-size: 17px;
  }
  .footer-nav-area {
    justify-items: start;
    margin-top: 34px;
  }
  .footer-socials {
    flex-wrap: wrap;
  }
  .footer-social {
    min-width: 132px;
  }
}