/* ============================================================
   That Dawg Design Co. button system
   Style D, "ruled label"  |  built 2026-07-22
   Loaded last so it wins over each page's inline <style>.
   Revert = delete the <link> line from the page.
   NOT touched: wholesale cart / quantity / filters, blog
   category buttons, badges, chips, pills, search, hamburger.
   ============================================================ */
:root{--td-rule:linear-gradient(90deg,#5b52f0,#f24ba6);--td-rule-quiet:#3f3f6b;}
.navcta,.nav-cta,.btn,.btn.solid,.btn.line,.ghost,.btn-ghost,.formcard .send,#contact .shimmer-btn,#contact .form-submit,.pkg .pbtn,.dawg-cta-pill,.add-btn{
  position:relative !important;display:inline-flex !important;align-items:center;justify-content:center;gap:9px;
  background:none !important;background-image:none !important;background-color:transparent !important;
  border:0 !important;border-radius:0 !important;box-shadow:none !important;color:#f6f4ff !important;
  font-weight:700 !important;font-size:13px !important;line-height:1.2 !important;letter-spacing:.13em !important;
  text-transform:uppercase !important;text-decoration:none !important;padding:14px 2px 12px !important;
  min-height:44px;width:auto !important;transform:none !important;transition:color .2s;cursor:pointer;}
.navcta::after,.nav-cta::after,.btn::after,.ghost::after,.btn-ghost::after,.formcard .send::after,#contact .shimmer-btn::after,#contact .form-submit::after,.pkg .pbtn::after,.dawg-cta-pill::after,.add-btn::after{
  content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--td-rule);
  transition:height .2s,background .2s;pointer-events:none;}
.navcta:hover::after,.nav-cta:hover::after,.btn:hover::after,.ghost:hover::after,.btn-ghost:hover::after,.formcard .send:hover::after,#contact .shimmer-btn:hover::after,#contact .form-submit:hover::after,.pkg .pbtn:hover::after,.dawg-cta-pill:hover::after,.add-btn:hover::after{height:5px;}
.btn.line,.ghost,.btn-ghost{color:#b3aed0 !important;}
.btn.line::after,.ghost::after,.btn-ghost::after{background:var(--td-rule-quiet);height:1px;}
.btn.line:hover,.ghost:hover,.btn-ghost:hover{color:#f6f4ff !important;}
.btn.line:hover::after,.ghost:hover::after,.btn-ghost:hover::after{background:var(--td-rule);height:3px;}
.add-btn{font-size:11.5px !important;padding:11px 2px 9px !important;min-height:40px;}
.btnrow,.cta-row{gap:34px !important;}
@media(max-width:600px){
  .navcta,.nav-cta,.btn,.ghost,.btn-ghost,.formcard .send,#contact .shimmer-btn,#contact .form-submit,.pkg .pbtn,.dawg-cta-pill,.add-btn{font-size:12.5px !important;letter-spacing:.11em !important;}
  .btnrow,.cta-row{gap:22px !important;}
}
