Website Tag HTML Code for Hero Section etc

<style>
  .vb {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 8px 18px 8px 12px;
    border-radius: 50px;
    background: #fff5f5;
    border: 1.5px solid #e8c4c4;
    white-space: nowrap;
  }
  .join-icon {
    width: 28px;
    height: 28px;
    flex-shrink: 0;
    animation: heartbeat 1.4s ease-in-out infinite;
  }
  @keyframes heartbeat {
    0%, 100% { transform: scale(1); }
    14%      { transform: scale(1.15); }
    28%      { transform: scale(1); }
    42%      { transform: scale(1.1); }
    56%      { transform: scale(1); }
  }
  .vb-text {
    display: flex;
    align-items: center;
    gap: 5px;
    flex-shrink: 0;
  }
  .vb-label {
    font-family: Georgia, serif;
    font-size: 13px;
    font-weight: 400;
    color: #b91c1c;
    letter-spacing: 0.07em;
    text-transform: uppercase;
    animation: slideIn 0.6s cubic-bezier(.22,1,.36,1) both;
  }
  @keyframes slideIn {
    from { opacity: 0; transform: translateY(6px); }
    to   { opacity: 1; transform: translateY(0); }
  }
  .dot {
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #e03030;
    flex-shrink: 0;
    animation: dotFade 1.4s ease-in-out infinite;
  }
  .dot:nth-child(2) { animation-delay: 0.2s; }
  .dot:nth-child(3) { animation-delay: 0.4s; }
  @keyframes dotFade {
    0%, 100% { opacity: 0.2; transform: scale(0.8); }
    50%      { opacity: 0.8; transform: scale(1.2); }
  }
</style>
 
<div class="vb">
  <svg class="join-icon" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
    <circle cx="12" cy="8" r="4" fill="#e03030"/>
    <path d="M20 21C20 18.2386 16.4183 16 12 16C7.58172 16 4 18.2386 4 21" stroke="#e03030" stroke-width="2.5" stroke-linecap="round"/>
    <circle cx="18" cy="18" r="4" fill="#fff" stroke="#e03030" stroke-width="1.5"/>
    <path d="M18 16.5V19.5M16.5 18H19.5" stroke="#e03030" stroke-width="1.2" stroke-linecap="round"/>
  </svg>
  <div class="vb-text">
    <span class="vb-label">Join a Mission-Driven Team</span>
    <span class="dot"></span>
    <span class="dot"></span>
    <span class="dot"></span>
  </div>
</div>