https://100thieves.com/cdn/shop/t/725/assets/-component-button-wrapper.min.js?v=60753692760159248831776706983

1var n=Object.defineProperty;var a=(r,t,o)=>t in r?n(r,t,{enumerable:!0,configurable:!0,writable:!0,value:o}):r[t]=o;var h=(r,t,o)=>(a(r,typeof t!="symbol"?t+"":t,o),o);import{LitElement as d,html as s,css as i}from"@hh/global.js";var e=class extends d{constructor(){super()}render(){return s`<slot></slot>`}};h(e,"properties",{}),h(e,"styles",i`
2    :host {
3      box-sizing: border-box;
4    }
5
6    *,
7    *::before,
8    *::after {
9      box-sizing: inherit;
10    }
11
12    ::slotted(button) {
13      cursor: pointer;
14      background-color: var(--hh-background, #000);
15      color: var(--hh-color, #fff);
16      transition: all var(--hh-transition, 300ms);
17      border: var(--hh-border-width, 1px) solid var(--hh-background, #000);
18      font: var(--hh-font);
19      text-transform: var(--hh-text-transform);
20      letter-spacing: var(--hh-letter-spacing);
21      padding: var(--hh-padding, 1em 2em);
22    }
23
24    :host([width='full']) ::slotted(button) {
25      width: 100%;
26      max-width: none;
27      box-sizing: border-box !important;
28    }
29
30    :host([theme='secondary']) ::slotted(button) {
31      background-color: var(--hh-background, transparent);
32      border: var(--hh-border-width, 1px) solid var(--hh-border-color, #000);
33      color: var(--hh-color, #000);
34    }
35
36    :host([theme='tertiary']) ::slotted(button) {
37      position: relative;
38      background: var(--hh-background, transparent);
39      color: var(--hh-color, #000);
40      padding: var(--hh-padding, 0);
41      border: none;
42    }
43
44    :host([theme='tertiary']) ::slotted(button):after {
45      content: '';
46      position: absolute;
47      left: 0;
48      bottom: var(--hh-border-bottom-offset, 0);
49      background-color: currentColor;
50      width: calc(100% - var(--hh-letter-spacing, 0px));
51      height: var(--hh-underline-width, 1px);
52    }
53
54    :slotted() {
55      font: var(--hh-font);
56    }
57
58    :host([decoration~='rounded']) ::slotted(button) {
59      border-radius: var(--hh-border-radius, 4px);
60    }
61  `);customElements.define("hh-button-wrapper",e);