Sign-in button generator

<a href="/auth/uccard/login" class="ucc-signin ucc-dark ucc-rect ucc-lg ucc-block" aria-label="Continue with UC Card">
  Continue with <span class="ucc-lockup" style="display:inline-flex;align-items:center;gap:3px;white-space:nowrap"><svg width="24" height="17" viewBox="120 120 1448 1020" aria-hidden="true" focusable="false" style="flex:none"><defs><linearGradient id="ucm-b" gradientUnits="userSpaceOnUse" x1="720" y1="0" x2="1568" y2="0"><stop offset="0" stop-color="#3a55d8"/><stop offset=".45" stop-color="#3f97ee"/><stop offset="1" stop-color="#70e4f8"/></linearGradient><linearGradient id="ucm-o" x1="0" y1="0" x2="0" y2="1"><stop offset="0" stop-color="#f7b93a"/><stop offset=".55" stop-color="#ec7570"/><stop offset="1" stop-color="#d2449e"/></linearGradient><linearGradient id="ucm-p" gradientUnits="userSpaceOnUse" x1="500" y1="1080" x2="1568" y2="350"><stop offset="0" stop-color="#8e2de2"/><stop offset=".45" stop-color="#5b2ef0"/><stop offset=".75" stop-color="#9b3fe0"/><stop offset="1" stop-color="#f04f8a"/></linearGradient></defs><path fill="url(#ucm-b)" d="M1567.7 968.5A480 480 0 0 1 720 660H960A240 240 0 0 0 1383.9 814.3Z"/><path fill="url(#ucm-o)" d="M120 120H360V660A180 180 0 0 0 524.3 839.3L503.4 1078.4A420 420 0 0 1 120 660Z"/><path fill="url(#ucm-p)" d="M503.4 1078.4A420 420 0 0 0 960 660A240 240 0 0 1 1383.9 505.7L1567.7 351.5A480 480 0 0 0 720 660A180 180 0 0 1 524.3 839.3Z"/></svg><span>Card</span></span>
</a>
<p class="ucc-signin-hint">You'll continue to UC Card to sign in.</p>

.ucc-signin {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  box-sizing: border-box;
  min-height: 48px;
  padding: 12px 20px;
  border: 1px solid #475569;
  border-radius: 10px;
  background: #0f172a;
  color: #ffffff;
  font: 600 16px/1.2 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", sans-serif;
  white-space: nowrap;
  text-decoration: none;
  cursor: pointer;
  transition: background 0.15s;
}
.ucc-signin:hover { background: #1e293b; }
.ucc-signin:focus-visible { outline: 2px solid #1d4ff2; outline-offset: 2px; }
.ucc-block { display: flex; width: 100%; }
.ucc-signin-hint { margin-top: 8px; text-align: center; font-size: 12px; color: #64748b; }