Button Css

  .open-btn {
    width: 100%;
    padding: 15px 24px;
    border-radius: 14px;
    border: none;
    font-family: inherit;
    font-size: 15px;
    font-weight: 800;
    color: #fff;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: linear-gradient(135deg, #22c55e 0%, #16a34a 60%, #15803d 100%);
    box-shadow: 0 4px 0 #14532d, 0 6px 20px rgb(22 163 74 / 35%);
    transition: transform .12s, box-shadow .12s, opacity .2s;
    position: relative;
    overflow: hidden;
}

   .open-btn:hover{
      transform: translateY(-2px);
      box-shadow: 0 6px 0 #14532d, 0 10px 28px rgba(22, 163, 74, .45);
    }

<button class="open-btn" id="open-btn" onclick="openLink()">
        Open Link
        <svg fill="none" height="16" stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" stroke="currentColor" viewbox="0 0 24 24" width="16">
          <line x1="5" x2="19" y1="12" y2="12"></line>
          <polyline points="12 5 19 12 12 19"></polyline>
        </svg>
      </button>

Thanks for reading: Button Css, Sorry, my English is bad:)