.td-react-button:is(.td-primary,.td-coloured),.td-react-button.td-react-button--chip{width:fit-content;max-width:100%}.td-react-button:is(.td-primary,.td-coloured){overflow:hidden}a.td-react-button:not(.td-react-button--link){text-decoration:none}.td-react-button.td-react-button--sm:is(.td-primary,.td-coloured){border-radius:10px;min-height:34px;padding-inline:12px;font-size:12px}.td-react-button.td-react-button--md:is(.td-primary,.td-coloured){min-height:var(--td-btn-h,42px)}.td-react-button.td-react-button--lg:is(.td-primary,.td-coloured){min-height:var(--td-btn-h-lg,50px);padding-inline:20px;font-size:14px}.td-react-button.td-react-button--outline:is(.td-primary,.td-coloured){box-shadow:0 0 0 rgb(from var(--td-shadow-dark) r g b / 0), 0 0 0 rgb(from var(--td-shadow-light) r g b / 0), inset 0 0 0 rgb(from var(--td-shadow-light) r g b / 0), inset 0 0 0 rgb(from var(--td-shadow-dark) r g b / 0), 0 0 0 1px var(--td-btn-border-selected);background:0 0}.td-react-button.td-react-button--outline:is(.td-primary,.td-coloured):hover{box-shadow:1px 1px 3px color-mix(in srgb, var(--td-shadow-dark) 30%, transparent), -1px -1px 2px color-mix(in srgb, var(--td-shadow-light) 48%, transparent), inset .5px .5px 1px color-mix(in srgb, var(--td-shadow-light) 32%, transparent), inset -.5px -.5px 1px color-mix(in srgb, var(--td-shadow-dark) 9%, transparent), 0 0 0 1px var(--td-btn-border-hover)}.td-react-button.td-react-button--ghost:is(.td-primary,.td-coloured){box-shadow:none;background:0 0}.td-react-button.td-react-button--ghost:is(.td-primary,.td-coloured):hover{box-shadow:var(--td-btn-hover)}.td-react-button.td-coloured,.td-react-button.td-react-button--destructive{--td-btn-fill:var(--td-brand)}.td-react-button.td-react-button--accept{--td-btn-fill:#00873c}.td-react-button.td-react-button--cancel{--td-btn-fill:#d92d20}.td-react-button.td-react-button--accent{--td-btn-fill:color-mix(in srgb, var(--td-accent) 78%, black)}.td-react-button.td-react-button--whatsapp{--td-btn-fill:#17833f}.td-react-button.td-coloured,.td-react-button.td-coloured:hover,.td-react-button.td-coloured:active,.td-react-button.td-coloured[data-state=hover],.td-react-button.td-coloured[data-state=active]{background:var(--td-btn-fill)}.td-react-button.td-coloured{box-shadow:0 1px 2px #00000029, 0 4px 10px color-mix(in srgb, var(--td-shadow-dark) 69%, transparent), inset 0 1px 0 #ffffff42, inset 0 -2px 0 #00000024}.td-react-button.td-coloured:hover,.td-react-button.td-coloured[data-state=hover]{box-shadow:0 1px 2px #00000024, 0 2px 5px color-mix(in srgb, var(--td-shadow-dark) 34%, transparent), inset 0 2px 4px #0003, inset 0 -1px 0 #ffffff29}.td-react-button.td-coloured:active,.td-react-button.td-coloured[data-state=active]{box-shadow:0 0 #0000,0 0 #0000,inset 0 3px 7px #00000061,inset 0 -1px #ffffff1a}.td-react-button.td-coloured:disabled{box-shadow:none}.td-react-button.td-coloured .td-coloured-label{color:#fff}.td-react-button.td-primary .td-primary-label,.td-react-button.td-primary:hover .td-primary-label,.td-react-button.td-primary:active .td-primary-label{color:var(--td-ink)}.td-react-button.td-primary{--td-btn-surface:var(--td-raise-fill)}.td-react-button.td-primary,.td-react-button.td-primary:hover,.td-react-button.td-primary:active,.td-react-button.td-primary[data-state=hover],.td-react-button.td-primary[data-state=active]{background:var(--td-btn-surface)}.td-react-button.td-react-button--outline,.td-react-button.td-react-button--ghost,.td-react-button.td-react-button--link{--td-btn-surface:transparent}.td-react-button.td-primary .td-lamp{box-shadow:0 0 0 1px color-mix(in srgb, var(--td-ink-3) 30%, transparent), 0 0 0 rgb(from var(--td-green) r g b / 0)}.td-react-button.td-primary:hover .td-lamp,.td-react-button.td-primary[data-state=hover] .td-lamp{box-shadow:0 0 4px color-mix(in srgb, var(--td-green) 28%, transparent), 0 0 0 rgb(from var(--td-green) r g b / 0)}.td-react-button.td-primary[aria-pressed=true] .td-lamp,.td-react-button.td-primary[aria-expanded=true] .td-lamp,.td-react-button.td-primary[data-active=true] .td-lamp{box-shadow:0 0 6px color-mix(in srgb, var(--td-green) 70%, transparent), 0 0 0 rgb(from var(--td-green) r g b / 0)}.td-react-button.td-primary:active .td-lamp,.td-react-button.td-primary[data-state=active] .td-lamp{box-shadow:0 0 4px var(--td-green), 0 0 14px color-mix(in srgb, var(--td-green) 85%, transparent)}.td-react-button.td-coloured .td-lamp{background:#ffffff6b;box-shadow:0 0 0 1px #ffffff47,0 0 #fff0}.td-react-button.td-coloured:hover .td-lamp,.td-react-button.td-coloured[data-state=hover] .td-lamp{background:#fff;box-shadow:0 0 5px #fff9,0 0 #fff0}.td-react-button.td-coloured:active .td-lamp,.td-react-button.td-coloured[data-state=active] .td-lamp{background:#fff;box-shadow:0 0 4px #fff,0 0 12px #ffffff8c}.td-react-button.td-coloured:disabled .td-lamp{background:#ffffff4d;box-shadow:0 0 0 1px #fff0,0 0 #fff0}.td-react-button.td-primary.td-react-button--call,.td-react-button.td-primary.td-react-button--email{--td-lamp-glow:var(--td-accent)}.td-react-button.td-primary.td-react-button--whatsapp-quiet{--td-lamp-glow:#25d366}.td-react-button.td-react-button--link:is(.td-primary,.td-coloured){box-shadow:none;border-radius:var(--td-radius-1);text-underline-offset:3px;min-height:0;text-decoration:underline;text-decoration-thickness:1px;-webkit-text-decoration-color:color-mix(in srgb, var(--td-ink) 30%, transparent);text-decoration-color:color-mix(in srgb, var(--td-ink) 30%, transparent);background:0 0;padding:0}.td-react-button.td-react-button--link:is(.td-primary,.td-coloured):hover{box-shadow:none;-webkit-text-decoration-color:var(--td-brand);text-decoration-color:var(--td-brand);background:0 0}.td-react-button.td-react-button--link:is(.td-primary,.td-coloured):active{box-shadow:none;background:0 0}.td-react-button .td-react-button-lamp{transition:color var(--td-t-base) var(--td-ease);place-items:center;line-height:0;display:inline-grid}.td-react-button .td-react-button-lamp>svg{fill:currentColor;stroke:none;width:1.5em;height:1.5em;filter:var(--td-lamp-off);transition:filter var(--td-t-base) var(--td-ease), transform var(--td-t-slow) var(--td-ease)}.td-react-button.td-primary{--td-lamp-glow:var(--td-brand)}.td-react-button.td-primary .td-react-button-lamp{color:color-mix(in srgb, var(--td-ink-3) 75%, var(--td-surface))}.td-react-button.td-primary:hover .td-react-button-lamp,.td-react-button.td-primary[data-state=hover] .td-react-button-lamp,.td-react-button.td-primary:active .td-react-button-lamp,.td-react-button.td-primary[data-state=active] .td-react-button-lamp{color:var(--td-lamp-glow)}.td-react-button.td-coloured{--td-lamp-glow:#fff}.td-react-button.td-coloured .td-react-button-lamp{color:#ffffff9e}.td-react-button.td-coloured:hover .td-react-button-lamp,.td-react-button.td-coloured[data-state=hover] .td-react-button-lamp,.td-react-button.td-coloured:active .td-react-button-lamp,.td-react-button.td-coloured[data-state=active] .td-react-button-lamp{color:#fff}.td-react-button:hover .td-react-button-lamp>svg,.td-react-button[data-state=hover] .td-react-button-lamp>svg{filter:var(--td-lamp-hover)}.td-react-button:active .td-react-button-lamp>svg,.td-react-button[data-state=active] .td-react-button-lamp>svg{filter:var(--td-lamp-active);transform:translate(1px,1px)}.td-react-button:disabled .td-react-button-lamp>svg{filter:var(--td-lamp-off)}@media (prefers-reduced-motion:reduce){.td-react-button .td-react-button-lamp,.td-react-button .td-react-button-lamp>svg{transition:none}.td-react-button:active .td-react-button-lamp>svg,.td-react-button[data-state=active] .td-react-button-lamp>svg{transform:none}}.td-react-spinner{border:2px solid;border-right-color:#0000;border-radius:50%;width:1em;height:1em;animation:.7s linear infinite td-react-spin}@keyframes td-react-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.td-react-spinner{animation-duration:1.4s}}.td-react-button.td-primary:not(.td-react-button--outline):not(.td-react-button--ghost):not(.td-react-button--link):not(.td-react-button--secondary){box-shadow:3px 3px 12px color-mix(in srgb, var(--td-shadow-dark) 72%, transparent), -3px -3px 12px color-mix(in srgb, var(--td-shadow-light) 68%, transparent), inset 0 0 0 rgb(from var(--td-shadow-dark) r g b / 0), inset 0 1px 0 var(--td-shadow-veil), 0 0 0 1px var(--td-edge)}.td-react-button.td-primary:not(.td-react-button--outline):not(.td-react-button--ghost):not(.td-react-button--link):not(.td-react-button--secondary):hover,.td-react-button.td-primary:not(.td-react-button--outline):not(.td-react-button--ghost):not(.td-react-button--link):not(.td-react-button--secondary)[data-state=hover]{box-shadow:1.5px 1.5px 4px color-mix(in srgb, var(--td-shadow-dark) 32%, transparent), -1.5px -1.5px 4px color-mix(in srgb, var(--td-shadow-light) 30%, transparent), inset 1.5px 1.5px 4px color-mix(in srgb, var(--td-shadow-dark) 34%, transparent), inset -1px -1px 2px color-mix(in srgb, var(--td-shadow-light) 26%, transparent), 0 0 0 1px var(--td-edge)}.td-react-button.td-primary:not(.td-react-button--outline):not(.td-react-button--ghost):not(.td-react-button--link):not(.td-react-button--secondary):active,.td-react-button.td-primary:not(.td-react-button--outline):not(.td-react-button--ghost):not(.td-react-button--link):not(.td-react-button--secondary)[data-state=active]{box-shadow:0 0 0 rgb(from var(--td-shadow-dark) r g b / 0), 0 0 0 rgb(from var(--td-shadow-light) r g b / 0), inset 3px 3px 7px color-mix(in srgb, var(--td-shadow-dark) 58%, transparent), inset -2px -2px 5px color-mix(in srgb, var(--td-shadow-light) 34%, transparent), 0 0 0 1px var(--td-edge)}.td-react-button.td-primary.td-react-button--secondary:not(.td-react-button--outline):not(.td-react-button--ghost){box-shadow:2px 2px 7px color-mix(in srgb, var(--td-shadow-dark) 50%, transparent), -2px -2px 6px color-mix(in srgb, var(--td-shadow-light) 44%, transparent), inset 0 0 0 rgb(from var(--td-shadow-dark) r g b / 0), inset 0 1px 0 var(--td-shadow-veil), 0 0 0 1px var(--td-edge)}.td-react-button.td-primary.td-react-button--secondary:not(.td-react-button--outline):not(.td-react-button--ghost):hover,.td-react-button.td-primary.td-react-button--secondary:not(.td-react-button--outline):not(.td-react-button--ghost)[data-state=hover]{box-shadow:1px 1px 3px color-mix(in srgb, var(--td-shadow-dark) 26%, transparent), -1px -1px 3px color-mix(in srgb, var(--td-shadow-light) 24%, transparent), inset 1px 1px 3px color-mix(in srgb, var(--td-shadow-dark) 26%, transparent), inset -.5px -.5px 1.5px color-mix(in srgb, var(--td-shadow-light) 20%, transparent), 0 0 0 1px var(--td-edge)}.td-react-button.td-primary.td-react-button--secondary:not(.td-react-button--outline):not(.td-react-button--ghost):active,.td-react-button.td-primary.td-react-button--secondary:not(.td-react-button--outline):not(.td-react-button--ghost)[data-state=active]{box-shadow:0 0 0 rgb(from var(--td-shadow-dark) r g b / 0), 0 0 0 rgb(from var(--td-shadow-light) r g b / 0), inset 2px 2px 5px color-mix(in srgb, var(--td-shadow-dark) 46%, transparent), inset -1.5px -1.5px 4px color-mix(in srgb, var(--td-shadow-light) 28%, transparent), 0 0 0 1px var(--td-edge)}
