/* Centered labels with a small tool detail, inspired by the brand's craft. */
button.craft-button{position:relative;display:inline-flex;align-items:center;justify-content:center;min-height:58px;padding:16px 56px;gap:0;border:1px solid #ffb765;border-bottom:3px solid #bc520c;border-radius:0;clip-path:polygon(18px 0,100% 0,100% calc(100% - 18px),calc(100% - 18px) 100%,0 100%,0 18px);background:linear-gradient(135deg,#ffb454,#ff912b 52%,#f78221);color:#19232a;box-shadow:inset 0 1px 0 #ffe0ae,0 8px 24px #ef7d181a;text-align:center;overflow:hidden;isolation:isolate;transition:transform .2s,box-shadow .2s,background .2s}
button.craft-button>.craft-label{display:block;flex:1;min-width:0;font-size:.94rem;font-weight:750;line-height:1.35;text-align:center;letter-spacing:-.015em;position:relative;z-index:1}
button.craft-button>.craft-icon{position:absolute;right:12px;top:50%;width:32px;height:32px;display:grid;place-items:center;border-radius:2px;clip-path:polygon(5px 0,100% 0,100% calc(100% - 5px),calc(100% - 5px) 100%,0 100%,0 5px);background:#172631;color:#ffbc70;box-shadow:inset 0 1px 0 #ffffff25;transform:translateY(-50%);z-index:1}
.craft-icon svg{display:block;width:20px;height:20px;transition:transform .3s cubic-bezier(.2,.8,.2,1)}
button.craft-button:before{content:'';position:absolute;left:16px;top:50%;width:14px;height:2px;background:#91431577;box-shadow:0 -5px #91431544,0 5px #91431544;transform:translateY(-50%)}
button.craft-button:hover{background:linear-gradient(135deg,#ffc477,#ff9b3a 52%,#ff922e);box-shadow:inset 0 1px 0 #ffe9c7,0 10px 28px #ef7d1833;transform:translateY(-2px)}
button.craft-button:hover .craft-icon svg{transform:rotate(-22deg)}
button.craft-button:active{transform:translateY(1px);box-shadow:inset 0 2px 4px #9a420a24}
button.craft-button:focus-visible{outline:3px solid #172631;outline-offset:-7px}
button.craft-button.small{min-height:46px;padding:12px 46px;border-radius:0;clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px)}
button.craft-button.small>.craft-label{font-size:.82rem;white-space:nowrap}
button.craft-button.small>.craft-icon{width:27px;height:27px;right:10px}
button.craft-button.small:before{left:13px;width:9px}
button.craft-button.text-link{margin-top:12px;align-self:flex-start}
.orange-card button.craft-button{background:#172631;color:#fff3e4;border-color:#344b58;border-bottom-color:#081720;box-shadow:inset 0 1px 0 #ffffff20}
.orange-card button.craft-button>.craft-icon{background:#ff9c40;color:#172631}
.orange-card button.craft-button:before{background:#ffad57;box-shadow:0 -5px #ffad5744,0 5px #ffad5744}
.offer-label{display:inline-flex;align-items:center;gap:10px;background:#fff0dc;color:#91400c;border:1px solid #f6bc80;border-radius:7px;padding:9px 13px;font-size:.72rem;font-weight:750;letter-spacing:.075em;box-shadow:inset 3px 0 #ff8a24}
.offer-label:before{content:'';width:7px;height:7px;flex:none;background:#e87315;transform:rotate(45deg);border-radius:1px}
@media(max-width:760px){button.craft-button{padding:15px 49px;min-height:58px;max-width:100%}button.craft-button>.craft-label{font-size:.9rem}button.craft-button>.craft-icon{right:10px;width:29px;height:29px}button.craft-button:before{left:13px;width:11px}button.craft-button.header-cta{display:none}}
@media(prefers-reduced-motion:reduce){button.craft-button,.craft-icon svg{transition:none}button.craft-button:hover,button.craft-button:hover .craft-icon svg{transform:none}}

.orange-card button.craft-button:focus-visible{outline-color:#ffbc70}
.faq button.craft-button.text-link,.faq button.craft-button.text-link:hover,.faq button.craft-button.text-link:active{color:#19232a}

/* Keep the label and wrench in separate grid columns, even when mobile CTA rules change padding. */
body button.craft-button{display:inline-grid;grid-template-columns:30px minmax(0,1fr) 30px;column-gap:12px;padding:15px 18px;max-width:100%;box-sizing:border-box;white-space:normal}
body button.craft-button:before{position:static;grid-column:1;grid-row:1;justify-self:center;transform:none;width:11px}
body button.craft-button>.craft-label{grid-column:2;grid-row:1;min-width:0;white-space:normal;overflow-wrap:normal}
body button.craft-button>.craft-icon{position:static;grid-column:3;grid-row:1;width:30px;height:30px;transform:none;justify-self:center}
body button.craft-button.small{grid-template-columns:27px minmax(0,1fr) 27px;padding:11px 14px;column-gap:8px}
body button.craft-button.small>.craft-icon{width:27px;height:27px}
@media(max-width:760px){
 body .hero-actions button.craft-button{width:100%;padding:15px 14px;column-gap:9px}
 body button.craft-button>.craft-label{font-size:.88rem}
 .service-grid .orange-card{grid-column:1 / -1;min-height:0}
 .service-grid .orange-card button.craft-button{width:100%;max-width:390px;align-self:center;margin-top:20px}
 .service-grid .orange-card h3,.service-grid .orange-card p{max-width:none}
 body button.craft-button.header-cta{display:none}
}