.effect-texture,[data-hub-effect=texture] .ds-btn-primary{position:relative;overflow:hidden;background:linear-gradient(180deg,color-mix(in srgb,var(--ds-btn-accent) 93%,white 7%),color-mix(in srgb,var(--ds-btn-accent) 72%,black 28%))!important;border:1px solid color-mix(in srgb,white 25%,transparent)!important;backdrop-filter:blur(14px) saturate(170%);-webkit-backdrop-filter:blur(14px) saturate(170%);color:var(--ds-btn-texture-fg, var(--ds-btn-accent-fg))!important;box-shadow:inset 0 1.5px #ffffff80,inset 0 -4px 8px #00000047,inset 0 0 0 1px #ffffff0d,0 1px 2px #00000038,0 10px 22px #0000003d;transition:background .2s ease,box-shadow .2s ease,transform .15s ease}.effect-texture:before,[data-hub-effect=texture] .ds-btn-primary:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:repeating-linear-gradient(115deg,rgba(255,255,255,.09) 0px,rgba(255,255,255,.09) 1px,transparent 1px,transparent 4px);mix-blend-mode:overlay;opacity:.55;pointer-events:none}.effect-texture:after,[data-hub-effect=texture] .ds-btn-primary:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(165deg,#ffffff52,#ffffff0f 35%,#fff0 60%);pointer-events:none}.effect-texture:hover:not(:disabled),[data-hub-effect=texture] .ds-btn-primary:hover:not(:disabled){background:linear-gradient(180deg,color-mix(in srgb,var(--ds-btn-accent-hover) 92%,white 8%),color-mix(in srgb,var(--ds-btn-accent-hover) 71%,black 29%))!important;box-shadow:inset 0 1.5px #ffffff8c,inset 0 -4px 8px #0000004d,inset 0 0 0 1px #ffffff0f,0 2px 4px #0000003d,0 12px 26px #00000047;transform:translateY(-1px)}.effect-texture:active:not(:disabled),[data-hub-effect=texture] .ds-btn-primary:active:not(:disabled){transform:translateY(0);box-shadow:inset 0 1.5px #fff6,inset 0 -2px 4px #0000004d,0 1px 2px #0003}.effect-gradient{background-color:var(--ds-btn-accent)!important;background-image:linear-gradient(135deg,var(--ds-btn-accent) 0%,var(--ds-btn-accent) 50%,var(--ds-btn-gradient-end) 100%)!important}.effect-gradient:hover:not(:disabled){background-color:var(--ds-btn-accent-hover)!important;background-image:linear-gradient(135deg,var(--ds-btn-accent-hover) 0%,var(--ds-btn-accent-hover) 50%,var(--ds-btn-gradient-end-hover) 100%)!important}[data-hub-effect=texture] .ds-btn-secondary{position:relative;overflow:hidden;background:linear-gradient(180deg,color-mix(in srgb,var(--ds-btn-default) 93%,white 7%),color-mix(in srgb,var(--ds-btn-default) 72%,black 28%));border:1px solid color-mix(in srgb,white 18%,transparent);color:var(--ds-btn-default-fg);box-shadow:inset 0 1.5px #ffffff47,inset 0 -4px 8px #00000038,inset 0 0 0 1px #ffffff0a,0 1px 2px #0000002e,0 8px 18px #0000002e;transition:background .2s ease,box-shadow .2s ease,transform .15s ease}[data-hub-effect=texture] .ds-btn-secondary:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:repeating-linear-gradient(115deg,rgba(255,255,255,.07) 0px,rgba(255,255,255,.07) 1px,transparent 1px,transparent 4px);mix-blend-mode:overlay;opacity:.5;pointer-events:none}[data-hub-effect=texture] .ds-btn-secondary:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(165deg,#fff3,#ffffff0a 35%,#fff0 60%);pointer-events:none}[data-hub-effect=texture] .ds-btn-secondary:hover:not(:disabled){background:linear-gradient(180deg,color-mix(in srgb,var(--ds-btn-default-hover) 92%,white 8%),color-mix(in srgb,var(--ds-btn-default-hover) 71%,black 29%));box-shadow:inset 0 1.5px #ffffff52,inset 0 -4px 8px #0000003d,inset 0 0 0 1px #ffffff0d,0 2px 4px #0003,0 10px 22px #00000038;transform:translateY(-1px)}[data-hub-effect=texture] .ds-btn-secondary:active:not(:disabled){transform:translateY(0);box-shadow:inset 0 1.5px #ffffff38,inset 0 -2px 4px #0000003d,0 1px 2px #00000029}[data-hub-effect=gradient] .ds-btn-primary:not(:disabled):hover{background-image:linear-gradient(135deg,var(--ds-btn-accent-hover) 0%,var(--ds-btn-accent-hover) 50%,var(--ds-btn-gradient-end-hover) 100%)}