/* Talli Button — states only swap variables; real properties transition smoothly. No JS. */
.tw-btn-wrap{display:flex;justify-content:var(--tb-align,flex-start)}
.tw-btn-wrap .tw-btn{
	--_bg:var(--tb-bg,#FFDD00);--_c:var(--tb-c,#1A1A1A);--_i:var(--tb-i,var(--_c));--_b:var(--tb-b,var(--_bg));
	--_a:0;--_y:0px;--_t:var(--tb-dur,350ms) var(--tb-ease,cubic-bezier(.22,.61,.36,1));
	position:relative;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;width:var(--tb-w,auto);
	padding:15px;margin:0;border:var(--tb-bw,0px) solid var(--_b);border-radius:5px;background-color:var(--_bg);color:var(--_c);
	font-family:var(--tw-font,'proxima-nova','Proxima Nova',system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif);
	font-size:var(--tw-fs-btn,clamp(15px,1vw,16px));font-weight:600;line-height:1;letter-spacing:.01em;text-transform:uppercase;text-decoration:none;white-space:nowrap;
	cursor:pointer;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;user-select:none;
	transform:translate3d(0,var(--_y),0);
	transition:background-color var(--_t),color var(--_t),border-color var(--_t),box-shadow var(--_t),transform var(--_t),scale .15s ease
}
.tw-btn-wrap a.tw-btn:hover,.tw-btn-wrap a.tw-btn:focus,.tw-btn-wrap a.tw-btn:visited{color:var(--_c);text-decoration:none}
.tw-btn-wrap .tw-btn:active{scale:.97}
.tw-btn-wrap .tw-btn:focus-visible{outline:2px solid var(--tb-bg,#FFDD00);outline-offset:3px}

/* Hover / focus / always-on */
.tw-btn-wrap .tw-btn.is-active,.tw-btn-wrap .tw-btn:focus-visible{
	--_bg:var(--tb-bg-h,#1A1A1A);--_c:var(--tb-c-h,#FFDD00);--_i:var(--tb-i-h,var(--_c));--_b:var(--tb-b-h,var(--_bg));--_a:1;--_y:calc(-1 * var(--tb-lift,0px))
}
@media (hover:hover){
	.tw-btn-wrap .tw-btn:hover{
		--_bg:var(--tb-bg-h,#1A1A1A);--_c:var(--tb-c-h,#FFDD00);--_i:var(--tb-i-h,var(--_c));--_b:var(--tb-b-h,var(--_bg));--_a:1;--_y:calc(-1 * var(--tb-lift,0px))
	}
}

/* Arrow */
.tw-btn-wrap .tw-btn__icon{display:inline-flex;flex:none;align-items:center;justify-content:center;overflow:visible;
	width:var(--tb-isz,16px);height:var(--tb-isz,16px);font-size:var(--tb-isz,16px);line-height:1;margin-left:var(--tb-gap,14px);color:var(--_i);
	transition:width var(--_t),margin var(--_t),opacity var(--_t),transform var(--_t),color var(--_t)}
.tw-btn-wrap .tw-btn__icon svg{display:block;width:100%;height:100%}
.tw-btn-wrap .tw-btn__icon .e-font-icon-svg{fill:currentColor}
.tw-btn-wrap .tw-btn--icon-left .tw-btn__icon{order:-1;margin-left:0;margin-right:var(--tb-gap,14px)}

/* expand: button grows as the arrow slides in */
.tw-btn-wrap .tw-btn--expand .tw-btn__icon{width:calc(var(--_a) * var(--tb-isz,16px));margin-left:calc(var(--_a) * var(--tb-gap,14px))}
.tw-btn-wrap .tw-btn--expand.tw-btn--icon-left .tw-btn__icon{margin-left:0;margin-right:calc(var(--_a) * var(--tb-gap,14px))}
/* expand + fade: arrow fades and travels in diagonally */
.tw-btn-wrap .tw-btn--expand .tw-btn__icon,.tw-btn-wrap .tw-btn--fade .tw-btn__icon{opacity:var(--_a);
	transform:translate3d(calc((1 - var(--_a)) * -8px),calc((1 - var(--_a)) * 8px),0)}
/* always: small nudge toward the arrow direction */
.tw-btn-wrap .tw-btn--always .tw-btn__icon{transform:translate3d(calc(var(--_a) * 2px),calc(var(--_a) * -2px),0)}

.tw-btn-wrap .tw-btn.is-inview{
	--_bg:var(--tb-bg-h,#1A1A1A);--_c:var(--tb-c-h,#FFDD00);--_i:var(--tb-i-h,var(--_c));--_b:var(--tb-b-h,var(--_bg));--_a:1
}
@media (hover:none){
	.tw-btn-wrap .tw-btn--touch-arrow{--_a:1}
	.tw-btn-wrap .tw-btn--touch-tap:active,.tw-btn-wrap .tw-btn--touch-tap.is-tapped{
		--_bg:var(--tb-bg-h,#1A1A1A);--_c:var(--tb-c-h,#FFDD00);--_i:var(--tb-i-h,var(--_c));--_b:var(--tb-b-h,var(--_bg));--_a:1
	}
}
@media (prefers-reduced-motion:reduce){
	.tw-btn-wrap .tw-btn,.tw-btn-wrap .tw-btn__icon{transition-duration:.01ms}
}