.nav-whatsapp-cta {
  align-items: center !important;
  align-self: center !important;
  background: linear-gradient(180deg, #98552b, #642716) !important;
  border: 1px solid rgba(211, 167, 104, .58) !important;
  box-shadow: inset 0 0 0 3px rgba(255, 255, 255, .06), 0 10px 22px rgba(60, 24, 10, .16) !important;
  color: #fff !important;
  display: inline-flex !important;
  gap: 8px !important;
  grid-column: 3 !important;
  height: 34px !important;
  justify-self: end !important;
  letter-spacing: .14em !important;
  padding: 0 15px !important;
  text-shadow: none !important;
  white-space: nowrap !important;
}

.nav-whatsapp-cta svg {
  fill: currentColor;
  flex: 0 0 17px;
  height: 17px;
  width: 17px;
}

.nav-whatsapp-cta span {
  position: relative;
  z-index: 1;
}

.nav-whatsapp-cta:hover {
  box-shadow: inset 0 0 0 3px rgba(255, 255, 255, .07), 0 14px 28px rgba(60, 24, 10, .24) !important;
}

@media (max-width: 980px) {
  .nav {
    grid-template-columns: 44px minmax(0, 1fr) auto !important;
  }

  .nav::after {
    content: none !important;
    display: none !important;
  }

  .nav-whatsapp-cta {
    font-size: 7px !important;
    gap: 6px !important;
    height: 30px !important;
    letter-spacing: .08em !important;
    padding: 0 10px !important;
  }

  .nav-whatsapp-cta svg {
    flex-basis: 15px;
    height: 15px;
    width: 15px;
  }
}

@media (max-width: 560px) {
  .nav {
    grid-template-columns: 34px minmax(0, 1fr) auto !important;
  }

  .nav-whatsapp-cta {
    font-size: 0 !important;
    gap: 0 !important;
    height: 32px !important;
    padding: 0 !important;
    width: 32px !important;
  }

  .nav-whatsapp-cta svg {
    flex-basis: 17px;
    height: 17px;
    width: 17px;
  }
}