<button class="contact">
  Contact Us
  <svg t="1652079716940" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="12031" width="200" height="200">
    <path d="M864.3 426.7h-5.4v-11.3c0-46.7-9.2-92.1-27.4-134.9-17.5-41.3-42.6-78.4-74.6-110.4-31.9-31.9-69.1-57-110.4-74.6-42.8-18.2-88.2-27.4-134.9-27.4s-92.1 9.2-134.9 27.4c-41.3 17.5-78.4 42.6-110.4 74.6-31.9 31.9-57 69.1-74.6 110.4-18.2 42.8-27.4 88.2-27.4 134.9v11.3h-6.1c-51.9 0-94.1 42.2-94.1 94.1v79.6c0 51.9 42.2 94.1 94.1 94.1h62.3l-0.2-28v-251c0-77.4 30.4-150.5 85.6-205.7s128.2-85.6 205.7-85.6 150.5 30.4 205.7 85.6 85.6 128.2 85.6 205.7V553l-0.3 56.1c-1.4 28.5-6.9 56.4-16.4 83.2-10.8 30.1-26.4 58.2-46.4 83.5-40.1 50.5-96.4 86.8-158.3 102.2l13.5 54.4c73.9-18.3 140.9-61.5 188.7-121.7 23.9-30.1 42.5-63.5 55.3-99.5 2-5.5 3.8-11.1 5.5-16.7h20c51.9 0 94.1-42.2 94.1-94.1v-79.6C958.5 468.9 916.2 426.7 864.3 426.7zM158.3 638.5c-21 0-38.1-17.1-38.1-38.1v-79.6c0-21 17.1-38.1 38.1-38.1h5l0.9 155.8H158.3zM902.5 600.4c0 21-17.1 38.1-38.1 38.1h-5.4v-85.3l0.4-70.5h5c21 0 38.1 17.1 38.1 38.1V600.4z" p-id="12032" fill="currentColor"></path>
    <path d="M551.4 956.2h-79.5c-32 0-58-26-58-58v-28.5c0-32 26-58 58-58h79.5c32 0 58 26 58 58v28.5C609.4 930.2 583.4 956.2 551.4 956.2zM479.9 867.7c-5.5 0-10 4.5-10 10v12.5c0 5.5 4.5 10 10 10h63.5c5.5 0 10-4.5 10-10v-12.5c0-5.5-4.5-10-10-10H479.9z" p-id="12033" fill="currentColor"></path>
    <path d="M722.1 490.2c-60.3-4.9-133.2-34.7-200-81.8-44.4-31.3-94-77.8-106.9-109.1 0.5-9.7 0.7-20.8 0.9-33.2 0.2-15.6-12.4-28.3-28-28.3h0c-15.3 0-27.8 12.3-28 27.7-0.2 19-0.9 41-2.5 51.3-3.3 5.1-14 16.8-22.8 26.3-25.5 27.8-60.5 65.8-77 108.2-28.7 73.6-17.1 184.1-10.2 220.5 6.9 36.2 25.9 72.4 55.2 104.6 19.6 21.6 43.3 40.7 68.5 55.5 14.5 8.5 33.1 2.4 39.8-12.9l0 0c5.7-13 0.8-28.2-11.4-35.3-20.4-11.9-39.5-27.3-55.4-44.8-22.3-24.6-36.7-51.4-41.7-77.5-7.1-37.5-14.7-133.2 7.4-189.7 12.7-32.6 43.6-66.2 66.1-90.7 5.6-6.1 10.6-11.5 14.9-16.5 23.5 29.3 57.9 60.8 98.8 89.7 43.9 31 131.9 84.1 227.7 91.9 0.4 0 0.8 0.5 0.8 1-0.3 30.3-3 75.9-14.6 120.8-10.6 41-26.1 72.3-46.3 93.4-9.2 9.6-10.3 24.3-2.7 35.2l0 0c10 14.5 30.9 16.3 43.1 3.6 27-28.2 47.2-67.8 60.2-118.2 13-50.3 16.1-100.8 16.4-134.3C774.6 517.8 751.6 492.6 722.1 490.2z" p-id="12034" fill="currentColor"></path>
  </svg>
</button>

@import url("https://fonts.googleapis.com/css2?family=Exo:wght@600&display=swap");

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  width: 100vw;
  min-height: 100vh;
  font-family: "Exo", Arial, sans-serif;
  background-color: #557;
  color: #fff;
  padding: 1rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

.contact {
  --w: 600px;
  --c: (100vw - var(--w));

  cursor: pointer;
  border: none;
  background: #000;
  color: #fff;
  padding: clamp(10px, var(--c) * -1000, 20px);
  font-size: clamp(0px, var(--c) * 1000, 30px);
  border-radius: clamp(10px, var(--c) * -1000, 100px);
  transition: all 0.2s linear;
}

.contact svg {
  width: 1em;
  height: 1em;
  font-size: clamp(0px, var(--c) * -1000, 30px);
  transition: all 0.2s linear 0.2s;
}