.whatsapp-hero {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 11px 16px;
  border: 1px solid rgba(184, 151, 90, .7);
  color: #f1eee7;
  background: rgba(8, 8, 8, .58);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: .04em;
  text-decoration: none;
  transition: border-color .2s ease, background .2s ease, transform .2s ease;
}

.whatsapp-hero svg {
  width: 22px;
  height: 22px;
  flex: 0 0 auto;
  overflow: visible;
}

.whatsapp-hero svg path:first-child {
  fill: #25d366;
  stroke: none;
}

.whatsapp-hero svg path:last-child {
  fill: #080808;
  stroke: none;
}

.whatsapp-hero:hover,
.whatsapp-hero:focus-visible {
  border-color: #25d366;
  background: rgba(37, 211, 102, .12);
  transform: translateY(-1px);
}

@media (max-width: 800px) {
  .whatsapp-hero {
    padding: 13px 17px;
  }
}