/* Tiger Creative Button — premium */
.tiger-cbtn-wrap{display:block;}
.tiger-cbtn{
	--tiger-cbtn-c1:#ec7002;
	--tiger-cbtn-c2:#f88903;
	--tiger-cbtn-text:#ffffff;
	position:relative;display:inline-flex;align-items:center;gap:10px;
	padding:14px 30px;border-radius:12px;
	font-size:15px;font-weight:600;line-height:1.15;text-decoration:none;cursor:pointer;
	border:2px solid transparent;overflow:hidden;isolation:isolate;
	color:var(--tiger-cbtn-text);will-change:transform;
	transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s ease,background-position .5s ease,color .25s ease;
}
.tiger-cbtn--stacked.tiger-cbtn{justify-content:center;}
.tiger-cbtn--full{display:flex;width:100%;justify-content:center;}
/* Hover motion variants (default lift) */
.tiger-cbtn--hover-lift:hover{transform:translateY(-2px);}
.tiger-cbtn--hover-grow:hover{transform:scale(1.05);}
.tiger-cbtn--hover-push:hover{transform:translateY(2px);}
.tiger-cbtn:active{transform:translateY(0) scale(.98);}

/* Size presets (overridable by the Padding / Typography style controls) */
.tiger-cbtn--size-sm{padding:9px 18px;font-size:13px;}
.tiger-cbtn--size-md{padding:14px 30px;font-size:15px;}
.tiger-cbtn--size-lg{padding:17px 40px;font-size:17px;}
.tiger-cbtn--size-xl{padding:21px 52px;font-size:19px;}

/* Label (supports an optional stacked sub-line) */
.tiger-cbtn__label{display:inline-flex;flex-direction:column;align-items:flex-start;gap:2px;position:relative;z-index:1;}
.tiger-cbtn--stacked .tiger-cbtn__label{align-items:center;}
.tiger-cbtn__txt{display:block;}
.tiger-cbtn__sub{font-size:11.5px;font-weight:500;opacity:.78;letter-spacing:.2px;}

/* Icon + micro-interactions */
.tiger-cbtn__ic{position:relative;display:inline-flex;align-items:center;justify-content:center;z-index:1;width:1em;height:1em;}
.tiger-cbtn__ic svg{width:1em;height:1em;fill:currentColor;}
.tiger-cbtn__ic-main,.tiger-cbtn__ic-swap{display:inline-flex;align-items:center;transition:transform .3s cubic-bezier(.2,.8,.2,1),opacity .25s ease;}
.tiger-cbtn__ic.has-swap .tiger-cbtn__ic-swap{position:absolute;inset:0;opacity:0;transform:scale(.4);}
.tiger-cbtn:hover .tiger-cbtn__ic.has-swap .tiger-cbtn__ic-main{opacity:0;transform:scale(.4);}
.tiger-cbtn:hover .tiger-cbtn__ic.has-swap .tiger-cbtn__ic-swap{opacity:1;transform:scale(1);}
.tiger-cbtn:hover .tiger-cbtn__ic--slide .tiger-cbtn__ic-main{transform:translateX(4px);}
.tiger-cbtn:hover .tiger-cbtn__ic--pop .tiger-cbtn__ic-main{transform:scale(1.22);}

/* Shine sweep */
.tiger-cbtn__shine{position:absolute;top:0;left:-120%;width:60%;height:100%;z-index:1;pointer-events:none;
	background:linear-gradient(100deg,transparent,rgba(255,255,255,.45),transparent);transform:skewX(-18deg);}
.tiger-cbtn--shine:hover .tiger-cbtn__shine{left:160%;transition:left .75s ease;}

/* Magnetic inner reset (JS translates the element; keep label crisp) */
.tiger-cbtn--magnetic{transition:transform .18s ease-out,box-shadow .25s ease,background-position .5s ease,color .25s ease;}

/* Ripple */
.tiger-cbtn__ripple{position:absolute;border-radius:50%;transform:scale(0);pointer-events:none;z-index:0;
	background:rgba(255,255,255,.45);animation:tiger-cbtn-ripple .6s ease-out forwards;}
.tiger-cbtn--outline .tiger-cbtn__ripple,
.tiger-cbtn--slide .tiger-cbtn__ripple{background:color-mix(in srgb,var(--tiger-cbtn-c1) 28%,transparent);}
@keyframes tiger-cbtn-ripple{to{transform:scale(2.4);opacity:0;}}

/* ── Presets ── */
.tiger-cbtn--fill{background:var(--tiger-cbtn-c1);}
.tiger-cbtn--fill:hover{box-shadow:0 12px 28px color-mix(in srgb,var(--tiger-cbtn-c1) 38%,transparent);}

.tiger-cbtn--gradient{
	background:linear-gradient(120deg,var(--tiger-cbtn-c1),var(--tiger-cbtn-c2),var(--tiger-cbtn-c1));
	background-size:200% 100%;background-position:0 0;
}
.tiger-cbtn--gradient:hover{background-position:100% 0;box-shadow:0 12px 30px color-mix(in srgb,var(--tiger-cbtn-c2) 42%,transparent);}

.tiger-cbtn--outline{background:transparent;border-color:var(--tiger-cbtn-c1);color:var(--tiger-cbtn-c1);}
.tiger-cbtn--outline:hover{background:var(--tiger-cbtn-c1);color:var(--tiger-cbtn-text);box-shadow:0 10px 24px color-mix(in srgb,var(--tiger-cbtn-c1) 30%,transparent);}

.tiger-cbtn--glow{background:var(--tiger-cbtn-c1);box-shadow:0 0 0 rgba(0,0,0,0);}
.tiger-cbtn--glow:hover{box-shadow:0 0 26px var(--tiger-cbtn-c1),0 0 10px var(--tiger-cbtn-c1);}

.tiger-cbtn--slide{background:transparent;border-color:var(--tiger-cbtn-c1);color:var(--tiger-cbtn-c1);}
.tiger-cbtn--slide::before{content:"";position:absolute;inset:0;z-index:0;
	background:var(--tiger-cbtn-c1);transform:translateX(-101%);transition:transform .35s cubic-bezier(.2,.8,.2,1);}
.tiger-cbtn--slide:hover{color:var(--tiger-cbtn-text);}
.tiger-cbtn--slide:hover::before{transform:translateX(0);}

/* Liquid: gradient body with a morphing blob that grows from the corner */
.tiger-cbtn--liquid{background:var(--tiger-cbtn-c1);}
.tiger-cbtn--liquid::before{content:"";position:absolute;z-index:0;left:-10%;bottom:-160%;width:120%;height:200%;
	background:var(--tiger-cbtn-c2);border-radius:42% 58% 50% 50%/50%;
	transform:translateY(0) scale(.2);opacity:0;transition:transform .55s cubic-bezier(.2,.8,.2,1),opacity .4s ease;}
.tiger-cbtn--liquid:hover::before{transform:translateY(-30%) scale(1);opacity:1;}
.tiger-cbtn--liquid:hover{box-shadow:0 12px 30px color-mix(in srgb,var(--tiger-cbtn-c2) 42%,transparent);}

/* 3D Depth — a solid face that presses into a colored base on click */
.tiger-cbtn--depth{background:var(--tiger-cbtn-c1);
	box-shadow:0 6px 0 color-mix(in srgb,var(--tiger-cbtn-c1) 60%,#000);transition:transform .12s ease,box-shadow .12s ease;}
.tiger-cbtn--depth.tiger-cbtn--hover-lift:hover{transform:translateY(-2px);box-shadow:0 8px 0 color-mix(in srgb,var(--tiger-cbtn-c1) 60%,#000);}
.tiger-cbtn--depth:active{transform:translateY(4px);box-shadow:0 2px 0 color-mix(in srgb,var(--tiger-cbtn-c1) 60%,#000);}

/* Neon Border — transparent body, glowing border that "draws" on hover */
.tiger-cbtn--neon{background:transparent;color:var(--tiger-cbtn-c1);border-color:var(--tiger-cbtn-c1);
	box-shadow:0 0 0 rgba(0,0,0,0);text-shadow:0 0 8px color-mix(in srgb,var(--tiger-cbtn-c1) 50%,transparent);}
.tiger-cbtn--neon:hover{box-shadow:0 0 18px color-mix(in srgb,var(--tiger-cbtn-c1) 60%,transparent),
	inset 0 0 14px color-mix(in srgb,var(--tiger-cbtn-c1) 22%,transparent);}

/* Glassmorphism — frosted translucent body */
.tiger-cbtn--glass{background:color-mix(in srgb,var(--tiger-cbtn-c1) 22%,transparent);
	border-color:color-mix(in srgb,#fff 45%,transparent);
	-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);
	box-shadow:0 8px 24px rgba(20,23,40,.12);}
.tiger-cbtn--glass:hover{background:color-mix(in srgb,var(--tiger-cbtn-c1) 34%,transparent);}

@media (prefers-reduced-motion: reduce){
	.tiger-cbtn,.tiger-cbtn__shine,.tiger-cbtn__ic-main,.tiger-cbtn__ic-swap{transition:none !important;}
	.tiger-cbtn__ripple{animation:none;display:none;}
}