:root{--btn-padding: clamp(10px, .2679vw + 9.14px, 13px) clamp(18px, .5357vw + 16.29px, 24px);--tracking-btn: .12em;--btn-transition: transform var(--dur) var(--ease), box-shadow var(--dur) var(--ease), border-color var(--dur) var(--ease), background var(--dur) var(--ease);--btn-shadow-dark: 0 2px 4px rgba(0, 0, 0, 1), 0 10px 20px rgba(0, 0, 0, .4);--btn-brdr-dark: 1px solid #292929;--btn-bg: linear-gradient(to bottom, #171717, #242424);--btn-shadow: 0 1px 0 rgba(255, 255, 255, .15) inset, 0 -2px 5px rgba(0, 0, 0, .5) inset, 0 12px 24px -8px rgba(20, 22, 25, .7);--btn-shadow-active: 0 3px 8px rgba(0, 0, 0, .6) inset, 0 1px 2px rgba(0, 0, 0, .1)}.dx-btn{display:inline-flex;align-items:center;cursor:pointer;gap:var(--gap, 14px);font-family:var(--font, var(--font-sans));text-transform:uppercase;font-size:var(--dhs-text-xs);letter-spacing:var(--tracking-btn);padding:var(--btn-padding);border-radius:var(--radius, var(--pill));font-weight:600;background:var(--bg);color:var(--clr);border:none;box-shadow:var(--btn-shadow);transition:var(--transition, var(--btn-transition))}.dx-btn .dhs-arrow,.dx-btn .arrow{--bg2: rgba(255, 255, 255, .18);width:30px;height:30px;border-radius:50%;display:grid;place-items:center;flex:none;background:var(--arrow-bg);stroke:var(--clr);border:none;box-shadow:var(--wsh, var(--well-shadow-dark))}.dx-charcoal-btn{--clr: #e6e9ec;--bg: linear-gradient(180deg, #4b515a 0%, #2b2e34 100%);--arrow-bg: color-mix(in srgb, transparent 80%, white);background:linear-gradient(180deg,#4b515a,#2b2e34);color:#e6e9ec;box-shadow:var(--btn-shadow)}.dx-silver-btn{--bg: linear-gradient(180deg, #e6e9ec 0%, #a2a8b0 100%);--clr: #30302f;background:linear-gradient(180deg,#e6e9ec,#a2a8b0);--arrow-bg: color-mix(in srgb, transparent 80%, black);box-shadow:0 1px #fff9 inset,0 -2px 5px #282d324d inset,0 12px 24px -8px #82899180;color:#30302f;border:none}.dhs-btn2{--bg2: linear-gradient(150deg, rgb(37, 45, 44), rgb(18, 24, 23));--shadow2: rgba(255, 255, 255, .208) 0px 1px 1px inset, rgba(0, 0, 0, .145) 0px 3px 0px, rgba(0, 0, 0, .565) 0px 8px 14px -10px;--transition2: transform .3s var(--ease), box-shadow .3s;display:inline-flex;align-items:center;justify-content:center;color:var(--clr, rgb(255, 255, 255));box-shadow:var(--shadow, var(--shadow2));font-size:var(--font-size, var(--dhs-text-base));font-weight:var(--weight, 500);letter-spacing:var(--letter-spacing, var(--tracking-2));gap:12px;text-transform:var(--text-transform, capitalize);padding:var(--padding, 15px 22px);background:var(--bg, var(--bg2));border-radius:var(--radius, 12px);border-width:1px;border-style:solid;border-color:var(--brdr-clr, rgba(255, 255, 255, .05));border-image:none;transition:var(--transition, var(--transition2))}.btn-square{--bg2: linear-gradient(150deg, rgb(37, 45, 44), rgb(18, 24, 23));--shadow2: rgba(255, 255, 255, .208) 0px 1px 1px inset, rgba(0, 0, 0, .145) 0px 3px 0px, rgba(0, 0, 0, .565) 0px 8px 14px -10px;--transition2: transform .3s var(--ease), box-shadow .3s;--radius: 12px;display:inline-flex;align-items:center;justify-content:center;color:var(--clr, rgb(255, 255, 255));box-shadow:var(--shadow, var(--shadow2));font-size:var(--font-size, var(--dhs-text-base));font-weight:var(--weight, 500);letter-spacing:var(--letter-spacing, var(--tracking-2));gap:12px;text-transform:var(--text-transform, capitalize);padding:var(--padding, 15px 22px);background:var(--bg, var(--bg2));border-radius:12px;border-width:1px;border-style:solid;border-color:var(--brdr-clr, rgba(255, 255, 255, .05));border-image:none;transition:var(--transition, var(--transition2))}.dp-btn1{--clr: #fbf7f1;--arrow-bg: color-mix(in srgb, transparent 80%, white);background:linear-gradient(180deg,#087a7c,#055254);color:#fbf7f1;box-shadow:inset 0 2px 2px #ffffff40,0 10px 22px #06646647}@media screen and (max-width:500px){.btn-square{font-size:var(--dhs-text-sm);padding:10px 18px}}.dx-btn,.dhs-btn2,.btn-square{background:var(--bg);color:var(--clr);box-shadow:var(--shadow);transition:background .2s ease,box-shadow .2s ease,transform .1s ease}.dx-btn:hover,.dhs-btn2:hover,.btn-square:hover{background:var(--hover-bg, var(--bg));box-shadow:var(--hover-shadow, var(--shadow));transform:translateY(1px);cursor:pointer}.dx-btn:active,.dhs-btn2:active,.btn-square:active{background:var(--active-bg, var(--bg));box-shadow:var(--active-shadow, 0 3px 8px rgba(0, 0, 0, .6) inset, 0 1px 2px rgba(0, 0, 0, .1));transform:translateY(1px);transition:background .05s ease,box-shadow .05s ease,transform .05s ease}
/*# sourceMappingURL=/cdn/shop/t/79/assets/dhs-buttons.css.map */