.gradient.svelte-yu1iu {
    background: linear-gradient(180deg, #7d5eef 0.78%, #5000d4 163.28%);
    background-color: #7d5eef;
    background-size: 300%;
    box-shadow: 0 1px 2px 0 #1018280d;
    box-shadow: 0 -2px 0 0 #0a0d120d inset;
    font-weight: 600;
    -webkit-text-decoration-skip-ink: none;
            text-decoration-skip-ink: none;
    text-underline-position: from-font;
    transition: all 0.3s ease-in-out;
  }

  .gradient.svelte-yu1iu:hover {
    background: linear-gradient(180deg, #7d5eef 0.88%, #5000d4 123.28%);
  }

  .peer.svelte-bq6vhs + .peer:where(.svelte-bq6vhs) {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
  }
  .icon.svelte-bq6vhs + .icon:where(.svelte-bq6vhs) {
    padding-left: 2.5rem;
  }