mirror of
https://github.com/uiverse-io/galaxy.git
synced 2025-11-28 05:00:22 +08:00
57 lines
No EOL
2.3 KiB
HTML
57 lines
No EOL
2.3 KiB
HTML
<!-- From Uiverse.io by elijahgummer - Tags: simple, gradient, button, svg, unlock, access -->
|
|
<button
|
|
class="group relative flex flex-row items-center justify-center gap-2 rounded-2xl px-4 py-1.5 text-sm font-medium shadow-[inset_0_-8px_10px_#8fdfff1f] transition-shadow duration-500 ease-out hover:shadow-[inset_0_-5px_10px_#8fdfff3f]"
|
|
>
|
|
<div
|
|
class="absolute inset-0 block h-full w-full animate-gradient bg-gradient-to-r from-[#ffaa40]/50 via-[#9c40ff]/50 to-[#ffaa40]/50 bg-[length:var(--bg-size)_100%] [border-radius:inherit] [mask:linear-gradient(#fff_0_0)_content-box,linear-gradient(#fff_0_0)] p-[1px] ![mask-composite:subtract]"
|
|
></div>
|
|
<svg
|
|
width="15"
|
|
height="15"
|
|
viewBox="0 0 15 15"
|
|
fill="none"
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
class="size-4 text-[#ffaa40]"
|
|
>
|
|
<path
|
|
d="M5 4.63601C5 3.76031 5.24219 3.1054 5.64323 2.67357C6.03934 2.24705 6.64582 1.9783 7.5014 1.9783C8.35745 1.9783 8.96306 2.24652 9.35823 2.67208C9.75838 3.10299 10 3.75708 10 4.63325V5.99999H5V4.63601ZM4 5.99999V4.63601C4 3.58148 4.29339 2.65754 4.91049 1.99307C5.53252 1.32329 6.42675 0.978302 7.5014 0.978302C8.57583 0.978302 9.46952 1.32233 10.091 1.99162C10.7076 2.65557 11 3.57896 11 4.63325V5.99999H12C12.5523 5.99999 13 6.44771 13 6.99999V13C13 13.5523 12.5523 14 12 14H3C2.44772 14 2 13.5523 2 13V6.99999C2 6.44771 2.44772 5.99999 3 5.99999H4ZM3 6.99999H12V13H3V6.99999Z"
|
|
fill="currentColor"
|
|
fill-rule="evenodd"
|
|
clip-rule="evenodd"
|
|
></path>
|
|
</svg>
|
|
<div
|
|
data-orientation="vertical"
|
|
role="none"
|
|
class="shrink-0 bg-border w-[1px] h-4"
|
|
></div>
|
|
<span
|
|
class="inline animate-gradient whitespace-pre bg-gradient-to-r from-[#ffaa40] via-[#9c40ff] to-[#ffaa40] bg-[length:var(--bg-size)_100%] bg-clip-text text-transparent [--bg-size:300%] text-center"
|
|
>Get Access</span
|
|
>
|
|
<svg
|
|
fill="none"
|
|
stroke="currentColor"
|
|
width="11"
|
|
height="11"
|
|
viewBox="0 0 10 10"
|
|
aria-hidden="true"
|
|
stroke-width="1.5"
|
|
class="text-[#9c40ff]"
|
|
stroke-linecap="round"
|
|
>
|
|
<path
|
|
class="opacity-0 transition group-hover:opacity-100"
|
|
d="M0 5h7"
|
|
stroke-linecap="round"
|
|
></path>
|
|
<path
|
|
class="transition group-hover:translate-x-[3px]"
|
|
d="M1 1l4 4-4 4"
|
|
stroke-linecap="round"
|
|
></path>
|
|
</svg>
|
|
</button>
|
|
|
|
|
|
|