Free Buttons HTML and CSS styles

<a href="javascript:void(0)" class="jetstream" style="--pulse-color:#93C5FD;--duration:1.5s">
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="none" viewBox="0 0 24 24" class="btn-icon">
    <path fill="currentColor" d="M5.33 15.929a13.064 13.064 0 0 1-.33-2.93c0-5.087 2.903-9.436 7-11.181C16.099 3.563 19 7.912 19 13c0 1.01-.114 1.991-.33 2.929l2.02 1.795a.5.5 0 0 1 .097.631l-2.457 4.096a.5.5 0 0 1-.782.096l-2.255-2.254a1 1 0 0 0-.707-.293H9.415a1 1 0 0 0-.707.293l-2.255 2.254a.5.5 0 0 1-.782-.096l-2.457-4.096a.5.5 0 0 1 .096-.63l2.02-1.796Zm6.67-2.93a2 2 0 1 0 0-4 2 2 0 0 0 0 4Z" />
  </svg>
  <div class="jetstream-btn-label">Launch now</div>
</a>

<style>
  .jetstream {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 8px 16px;
    height: 48px;
    border-radius: 1rem;
    background-color: rgb(28 145 255);
    color: rgb(233 247 255);
    font-family: Geist, sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: -0.32px;
    white-space: nowrap;
    flex-shrink: 0;
    transition: background-color 0.15s ease, color 0.15s ease;
    outline: none;
    position: relative;
  }

  .jetstream:hover {
    background-color: rgb(75 171 255);
  }

  .jetstream:active {
    background-color: rgb(19 127 227);
  }

  .jetstream:focus-visible {
    outline: 2px solid transparent;
    box-shadow: inset 0 0 0 2px rgb(159 219 255);
  }

  .jetstream:disabled {
    background-color: rgb(142 178 211);
    color: rgba(233, 247, 255, 0.6);
    cursor: default;
  }

  .btn-icon {
    width: 24px;
    height: 24px;
    flex-shrink: 0;
    margin-left: -2px;
    margin-right: -2px;
    display: block;
    vertical-align: middle;
  }

  .jetstream-btn-label {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: -0.32px;
  }
</style>
Jet Stream

Characteristics:
