/* livestock.css: livestock page (/weighing-solutions-for-livestock). Namespaced under .wt-lsx. */
@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700&display=swap');

/* ── tokens ─────────────────────────────────────────────── */
.wt-lsx {
  --galv: #E8EBE7;      /* page: galvanized steel */
  --galv-2: #DCE1DA;    /* rules, wells */
  --paper: #F7F8F5;     /* drawing fills, raised panels */
  --navy: #002C77;      /* logo navy: headings + linework */
  --ink: #0A1F44;       /* body text, indicator housing */
  --muted: #46536A;
  --steel: #8794A0;     /* secondary linework: ground, non-WT parts */
  --orange: #FF4D00;    /* a part we supply */
  --lcd: #C8D6A4;
  --lcd-ink: #1D2915;
  --display: 'Barlow Condensed', 'Karla', sans-serif;
  --body: 'Karla', -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;

  background: var(--galv);
  color: var(--ink);
  font-family: var(--body);
  font-size: 17px;
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
}
.wt-lsx *, .wt-lsx *::before, .wt-lsx *::after { box-sizing: border-box; }
.wt-lsx a { color: var(--navy); text-underline-offset: 3px; }
.wt-lsx a:focus-visible, .wt-lsx button:focus-visible, .wt-lsx summary:focus-visible {
  outline: 3px solid var(--orange); outline-offset: 3px;
}
.wt-lsx .wrap { max-width: 1240px; margin: 0 auto; padding: 0 40px; }
.wt-lsx section { padding: 88px 0; }
.wt-lsx h1, .wt-lsx h2, .wt-lsx h3 { font-family: var(--display); color: var(--navy); margin: 0; }
.wt-lsx h2 { font-size: clamp(2.1rem, 4vw, 3rem); font-weight: 600; line-height: 1; letter-spacing: -0.005em; }
.wt-lsx h3 { font-size: 1.6rem; font-weight: 600; line-height: 1.1; }
.wt-lsx p { margin: 0; }
.wt-lsx .lede { max-width: 34em; color: var(--muted); margin-top: 18px; }
.wt-lsx .num { font-variant-numeric: tabular-nums; }

/* buttons */
.wt-lsx .btn {
  display: inline-flex; align-items: center; gap: 10px;
  font: 700 1rem/1 var(--body); text-decoration: none;
  padding: 16px 24px; border: 2px solid var(--navy); border-radius: 3px;
  cursor: pointer; background: transparent; color: var(--navy);
}
.wt-lsx .btn-primary { background: var(--orange); border-color: var(--orange); color: #020F2E; }
.wt-lsx .btn-primary:hover { background: #E84600; border-color: #E84600; }
.wt-lsx .btn:not(.btn-primary):hover { background: var(--navy); color: #fff; }

/* shared svg line language */
.wt-lsx svg .ln   { fill: none; stroke: var(--navy); stroke-width: 1.75; stroke-linejoin: round; stroke-linecap: round; vector-effect: non-scaling-stroke; }
.wt-lsx svg .pp   { fill: var(--paper); }
.wt-lsx svg .well { fill: #EDEFEA; }
.wt-lsx svg .lt   { fill: none; stroke: var(--steel); stroke-width: 1; vector-effect: non-scaling-stroke; }
.wt-lsx svg .glass{ fill: #DCE6EE; }
.wt-lsx svg .wt   { fill: var(--orange); stroke: #B83700; stroke-width: 1.25; vector-effect: non-scaling-stroke; }
.wt-lsx svg .wt-ln{ fill: none; stroke: var(--orange); stroke-width: 1.75; vector-effect: non-scaling-stroke; }
.wt-lsx svg .cable{ fill: none; stroke: var(--orange); stroke-width: 1.5; stroke-dasharray: 5 4; vector-effect: non-scaling-stroke; }
.wt-lsx svg .tire { fill: #26324A; }
.wt-lsx svg .tread{ fill: none; stroke: #11192B; stroke-width: 7; stroke-dasharray: 5 7; }
.wt-lsx svg .rim  { fill: var(--paper); stroke: var(--navy); stroke-width: 1.5; vector-effect: non-scaling-stroke; }
.wt-lsx svg .cut  { fill: none; stroke: var(--navy); stroke-width: 1.25; stroke-dasharray: 7 5; vector-effect: non-scaling-stroke; }
.wt-lsx svg .ground { stroke: var(--navy); stroke-width: 2; vector-effect: non-scaling-stroke; }
.wt-lsx svg .lbl  { font: 500 20px var(--body); fill: var(--ink); }
.wt-lsx svg .lbl-b{ font: 700 20px var(--body); fill: var(--navy); }
.wt-lsx svg .lead { fill: none; stroke: var(--ink); stroke-width: 1; vector-effect: non-scaling-stroke; }
.wt-lsx svg .dot  { fill: var(--orange); }

/* ── hero ───────────────────────────────────────────────── */
.wt-lsx .hero { padding: 72px 0 0; }
.wt-lsx .hero h1 {
  font-size: clamp(3.1rem, 8.2vw, 7rem); font-weight: 700; line-height: .9;
  letter-spacing: -0.012em; max-width: 11.5em;
}
.wt-lsx .hero-sub { display: flex; flex-wrap: wrap; gap: 28px 64px; align-items: end; justify-content: space-between; margin-top: 28px; }
.wt-lsx .hero-sub .lede { margin-top: 0; color: var(--ink); }
.wt-lsx .ctas { display: flex; flex-wrap: wrap; gap: 12px; }

.wt-lsx .rig { display: grid; grid-template-columns: minmax(0, 1fr) 320px; gap: 32px; align-items: end; margin-top: 56px; }
.wt-lsx .rig-drawing svg { display: block; width: 100%; height: auto; overflow: visible; }
.wt-lsx .rig-key { display: flex; gap: 10px; align-items: center; font-size: .95rem; color: var(--muted); padding: 18px 0 28px; }
.wt-lsx .swatch { width: 26px; height: 10px; background: var(--orange); border-radius: 5px; flex: none; }

/* the indicator */
.wt-lsx .indicator {
  background: var(--ink); color: #E7ECF3; border-radius: 10px; padding: 16px;
  box-shadow: inset 0 0 0 1px #1F3A66; margin-bottom: 28px;
}
.wt-lsx .ind-top { display: flex; justify-content: space-between; font-size: .8rem; color: #9FB0C8; padding: 0 2px 10px; }
.wt-lsx .lcd { background: var(--lcd); border-radius: 4px; padding: 14px 14px 10px; box-shadow: inset 0 2px 6px rgba(29,41,21,.35); }
.wt-lsx .lcd svg { display: block; width: 100%; height: auto; }
.wt-lsx .lcd .on  { fill: var(--lcd-ink); }
.wt-lsx .lcd .off { fill: var(--lcd-ink); opacity: .07; }
.wt-lsx .lcd-meta { display: flex; justify-content: space-between; font-size: .78rem; color: #3A4A2C; margin-top: 4px; font-weight: 700; }
.wt-lsx .heads { margin: 14px 0 0; padding: 0; list-style: none; font-size: .9rem; }
.wt-lsx .heads li {
  display: grid; grid-template-columns: 18px 1fr auto; gap: 8px; align-items: center;
  padding: 6px 6px; border-radius: 3px; color: #7F90AA;
}
.wt-lsx .heads .chip { width: 10px; height: 10px; border-radius: 2px; }
.wt-lsx .heads .val { font-variant-numeric: tabular-nums; }
.wt-lsx .heads li.active { background: #13305F; color: #fff; }
.wt-lsx .heads li.done { color: #E7ECF3; }
.wt-lsx .heads li.done .val::after { content: ' ✓'; color: #9BD06A; }
.wt-lsx .ind-foot { display: flex; justify-content: space-between; align-items: center; margin-top: 12px; padding-top: 12px; border-top: 1px solid #1F3A66; font-size: .8rem; color: #9FB0C8; }
.wt-lsx .replay { font: 700 .85rem var(--body); color: #fff; background: none; border: 1px solid #4A6290; border-radius: 3px; padding: 7px 12px; cursor: pointer; }
.wt-lsx .replay:hover { border-color: #fff; }

/* ── site overview ───────────────────────────────────────────── */
.wt-lsx .farm { background: var(--paper); border-top: 2px solid var(--navy); }
.wt-lsx .tabs { display: flex; flex-wrap: wrap; gap: 8px; margin: 40px 0 0; }
.wt-lsx .tab {
  font: 700 .98rem var(--body); color: var(--navy); background: transparent;
  border: 1.5px solid var(--galv-2); border-radius: 999px; padding: 10px 18px; cursor: pointer;
}
.wt-lsx .tab:hover { border-color: var(--navy); }
.wt-lsx .tab[aria-selected="true"] { background: var(--navy); border-color: var(--navy); color: #fff; }
.wt-lsx .tab-all { color: var(--muted); font-weight: 500; }
.wt-lsx .yard { margin-top: 20px; border: 1px solid var(--galv-2); border-radius: 6px; background: var(--galv); overflow: hidden; }
.wt-lsx .yard svg { display: block; width: 100%; height: auto; aspect-ratio: 1600 / 540; cursor: default; }
.wt-lsx .yard .spot { cursor: pointer; }
.wt-lsx .yard .ring { fill: rgba(255,77,0,.12); stroke: var(--orange); stroke-width: 2; vector-effect: non-scaling-stroke; }
.wt-lsx .yard .spot:hover .ring, .wt-lsx .yard .spot.on .ring { fill: rgba(255,77,0,.28); }
.wt-lsx .yard svg.zoomed .lbl-b, .wt-lsx .yard svg.zoomed .lead { display: none; }
.wt-lsx .panel {
  display: grid; grid-template-columns: 280px minmax(0, 1.25fr) minmax(0, 1fr); gap: 24px 44px; align-items: start;
  padding: 28px 0 0;
}
.wt-lsx .panel[hidden] { display: none !important; }
.wt-lsx .panel.no-photo { grid-template-columns: minmax(0, 1fr); }
.wt-lsx .panel figure { margin: 0; }
.wt-lsx .panel img { display: block; width: 100%; height: auto; aspect-ratio: 4 / 3; object-fit: cover; border-radius: 4px; background: var(--galv-2); }
.wt-lsx .panel .btn { margin-top: 20px; }
.wt-lsx .panel p { color: var(--muted); max-width: 34em; margin-top: 10px; }
.wt-lsx .parts { margin: 0; padding: 0; list-style: none; font-variant-numeric: tabular-nums; }
.wt-lsx .parts li { padding: 8px 0; border-bottom: 1px solid var(--galv-2); display: grid; gap: 1px; }
.wt-lsx .parts li b { color: var(--navy); font-size: .95rem; }
.wt-lsx .parts li span { color: var(--muted); font-size: .92rem; }
.wt-lsx .parts-h { font-size: .85rem; color: var(--muted); margin-bottom: 4px; }

.wt-lsx .cats { margin-top: 64px; padding-top: 28px; border-top: 1px solid var(--galv-2); }
.wt-lsx .cats ul { list-style: none; margin: 18px 0 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0 32px; }
.wt-lsx .cats li a { display: block; padding: 12px 0; border-bottom: 1px solid var(--galv-2); font-weight: 700; text-decoration: none; }
.wt-lsx .cats li a:hover { text-decoration: underline; }
.wt-lsx .cats .all { display: inline-block; margin-top: 18px; font-weight: 700; }
.wt-lsx .parts li b a { color: var(--navy); }
@media (max-width: 960px) { .wt-lsx .cats ul { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 640px) { .wt-lsx .cats ul { grid-template-columns: 1fr; } .wt-lsx .ratings-2 { grid-template-columns: 1fr; } }

/* ── records ─────────────────────────────────────────── */
.wt-lsx .feed-grid { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: 56px; margin-top: 40px; align-items: start; }
.wt-lsx .caps { margin: 0; display: grid; gap: 18px; }
.wt-lsx .caps dt { font-weight: 700; color: var(--navy); }
.wt-lsx .caps dd { margin: 2px 0 0; color: var(--muted); }
.wt-lsx .log { background: #fff; border: 1px solid var(--galv-2); border-radius: 6px; overflow-x: auto; }
.wt-lsx table { border-collapse: collapse; width: 100%; font-variant-numeric: tabular-nums; font-size: .95rem; min-width: 520px; }
.wt-lsx caption { text-align: left; padding: 16px 18px 6px; font-size: .9rem; color: var(--muted); caption-side: top; }
.wt-lsx th, .wt-lsx td { padding: 11px 18px; text-align: left; border-bottom: 1px solid var(--galv-2); }
.wt-lsx th { font-weight: 700; color: var(--navy); font-size: .88rem; }
.wt-lsx td.r, .wt-lsx th.r { text-align: right; }
.wt-lsx tr:last-child td { border-bottom: 0; }
.wt-lsx .over { color: #A33B00; }
.wt-lsx .under { color: var(--navy); }
.wt-lsx .after-cta { margin-top: 28px; }

/* ── ratings ────────────────────────────────────────────── */
.wt-lsx .ratings { display: grid; grid-template-columns: repeat(4, 1fr); gap: 0; margin-top: 40px; border-top: 2px solid var(--navy); }
.wt-lsx .ratings-2 { grid-template-columns: repeat(2, 1fr); max-width: 760px; }
.wt-lsx .rating { padding: 20px 24px 0 0; }
.wt-lsx .rating + .rating { padding-left: 24px; border-left: 1px solid var(--galv-2); }
.wt-lsx .rating b { display: block; font: 700 2.4rem/1 var(--display); color: var(--navy); }
.wt-lsx .rating p { color: var(--muted); margin-top: 10px; font-size: .95rem; }

/* ── match band ─────────────────────────────────────────── */
.wt-lsx .match { background: var(--navy); color: #DCE4F2; }
.wt-lsx .match h2 { color: #fff; max-width: 14em; }
.wt-lsx .match .lede { color: #C3D0E6; }
.wt-lsx .match-grid { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 56px; align-items: center; }
.wt-lsx .match svg { width: 100%; height: auto; display: block; }
.wt-lsx .match svg .ln { stroke: #DCE4F2; }
.wt-lsx .match svg .pp { fill: #0B3A8A; }
.wt-lsx .match svg .lbl { fill: #fff; }
.wt-lsx .match svg .lead { stroke: #DCE4F2; }
.wt-lsx .match .btn:not(.btn-primary) { color: #fff; border-color: #6F8BC2; }
.wt-lsx .match .btn:not(.btn-primary):hover { background: #fff; color: var(--navy); border-color: #fff; }
.wt-lsx .match .ctas { margin-top: 32px; }

/* ── process ────────────────────────────────────────────── */
.wt-lsx .steps { list-style: none; padding: 0; margin: 40px 0 0; display: grid; grid-template-columns: repeat(4, 1fr); counter-reset: s; }
.wt-lsx .steps li { counter-increment: s; padding: 0 28px 0 0; position: relative; }
.wt-lsx .steps li::before {
  content: counter(s); display: grid; place-items: center; width: 40px; height: 40px; border-radius: 50%;
  background: var(--navy); color: #fff; font: 700 1.2rem var(--display); position: relative; z-index: 1;
}
.wt-lsx .steps li::after { content: ''; position: absolute; left: 40px; right: 0; top: 19px; height: 2px; background: var(--navy); }
.wt-lsx .steps li:last-child::after { display: none; }
.wt-lsx .steps h3 { margin-top: 16px; }
.wt-lsx .steps .when { font-weight: 700; color: var(--ink); margin-top: 4px; font-size: .95rem; }
.wt-lsx .steps p { color: var(--muted); margin-top: 8px; font-size: .95rem; }

/* ── brands + faq ───────────────────────────────────────── */
.wt-lsx .two { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); gap: 56px; }
.wt-lsx .matrix { min-width: 0; }
.wt-lsx .matrix th[scope="row"] { color: var(--ink); font-weight: 700; font-size: .95rem; }
.wt-lsx .matrix small { display: block; font-weight: 400; color: var(--muted); font-size: .82rem; }
.wt-lsx .matrix td, .wt-lsx .matrix thead th:not(:first-child) { text-align: center; padding-left: 8px; padding-right: 8px; }
.wt-lsx .matrix td.y span { display: inline-block; width: 14px; height: 14px; border-radius: 50%; background: var(--navy); font-size: 0; vertical-align: middle; }
.wt-lsx .brands { margin: 24px 0 0; display: grid; gap: 12px; }
.wt-lsx .brands dt { font-weight: 700; color: var(--navy); }
.wt-lsx .brands dd { margin: 0; color: var(--muted); font-size: .95rem; }
.wt-lsx details { border-bottom: 1px solid var(--galv-2); }
.wt-lsx details:first-of-type { border-top: 2px solid var(--navy); }
.wt-lsx summary { list-style: none; cursor: pointer; padding: 18px 40px 18px 0; position: relative; font-weight: 700; color: var(--navy); font-size: 1.05rem; }
.wt-lsx summary::-webkit-details-marker { display: none; }
.wt-lsx summary::after { content: '+'; position: absolute; right: 6px; top: 12px; font: 500 1.6rem var(--display); color: var(--navy); }
.wt-lsx details[open] summary::after { content: '–'; }
.wt-lsx details p { color: var(--muted); padding: 0 0 20px; max-width: 40em; }
.wt-lsx .related { padding: 40px 0 64px; border-top: 1px solid var(--galv-2); font-size: 1rem; color: var(--muted); }
.wt-lsx .related a { font-weight: 700; margin-left: 14px; }

/* ── responsive ─────────────────────────────────────────── */
@media (max-width: 960px) {
  .wt-lsx .rig { grid-template-columns: 1fr; }
  .wt-lsx .indicator { max-width: 420px; }
  .wt-lsx .feed-grid, .wt-lsx .two, .wt-lsx .match-grid { grid-template-columns: minmax(0, 1fr); gap: 36px; }
  .wt-lsx .panel { grid-template-columns: 220px minmax(0, 1fr); }
  .wt-lsx .panel > div:last-child { grid-column: 2; }
  .wt-lsx .ratings { grid-template-columns: 1fr 1fr; }
  .wt-lsx .rating:nth-child(3) { border-left: 0; padding-left: 0; }
  .wt-lsx .steps { grid-template-columns: 1fr 1fr; row-gap: 36px; }
  .wt-lsx .steps li:nth-child(2)::after { display: none; }
}
@media (max-width: 640px) {
  .wt-lsx { font-size: 16px; }
  .wt-lsx .wrap { padding: 0 16px; }
  .wt-lsx section { padding: 64px 0; }
  .wt-lsx .hero { padding-top: 40px; }
  .wt-lsx svg .lbl, .wt-lsx svg .lbl-b, .wt-lsx svg .lead, .wt-lsx svg .callout { display: none; }
  .wt-lsx .panel { grid-template-columns: minmax(0, 1fr); }
  .wt-lsx .panel > div:last-child { grid-column: auto; }
  .wt-lsx .ratings { grid-template-columns: 1fr; }
  .wt-lsx .rating + .rating { border-left: 0; padding-left: 0; border-top: 1px solid var(--galv-2); }
  .wt-lsx .steps { grid-template-columns: 1fr; }
  .wt-lsx .steps li::after { display: none; }
  .wt-lsx .related a { display: inline-block; margin: 8px 14px 0 0; }
}


/* ── livestock-specific ─────────────────────────────────── */
.wt-lsx .rig-drawing svg { overflow: hidden; }
.wt-lsx .yard svg { aspect-ratio: 1600 / 440; }
.wt-lsx .panel img { object-fit: contain; background: #fff; }
.wt-lsx .heads .chip { background: #E0B43C; border-radius: 2px 2px 5px 5px; }

/* ── theme-override defense ─────────────────────────────────
   The Zoey theme styles h1–h3, p, a, buttons and tables globally
   (Poppins, uppercase, letter-spaced grey). Lock our type here. */
.wt-lsx h1, .wt-lsx h2, .wt-lsx h3 { font-family: var(--display) !important; text-transform: none !important; letter-spacing: -0.005em !important; color: var(--navy) !important; margin: 0 !important; }
.wt-lsx .hero h1 { font-size: clamp(3.1rem, 8.2vw, 7rem) !important; font-weight: 700 !important; line-height: .9 !important; letter-spacing: -0.012em !important; }
.wt-lsx h2 { font-size: clamp(2.1rem, 4vw, 3rem) !important; font-weight: 600 !important; line-height: 1 !important; }
.wt-lsx h3 { font-size: 1.6rem !important; font-weight: 600 !important; line-height: 1.1 !important; }
.wt-lsx .match h2 { color: #fff !important; }
.wt-lsx .steps h3 { margin-top: 16px !important; }
.wt-lsx #lsx-faq-h { margin-bottom: 24px !important; }
.wt-lsx p { font-size: 1em !important; line-height: 1.6 !important; margin-bottom: 0 !important; }
.wt-lsx .lede { margin-top: 18px !important; }
.wt-lsx .hero-sub .lede { margin-top: 0 !important; }
.wt-lsx .panel p { margin-top: 10px !important; }
.wt-lsx .rating p { margin-top: 10px !important; font-size: .95rem !important; }
.wt-lsx .steps p { margin-top: 8px !important; font-size: .95rem !important; }
.wt-lsx .after-cta { margin-top: 28px !important; }
.wt-lsx p.related { margin-top: 72px !important; }
.wt-lsx td { font-size: .95rem !important; }
.wt-lsx th { font-size: .88rem !important; font-weight: 700 !important; }
.wt-lsx a { text-transform: none !important; letter-spacing: normal !important; }
.wt-lsx a:not(.btn) { color: var(--navy) !important; }
.wt-lsx .cats li a, .wt-lsx .cats .all, .wt-lsx .related a { font-weight: 700 !important; }
.wt-lsx .btn { font: 700 1rem/1 var(--body) !important; text-transform: none !important; letter-spacing: normal !important; color: var(--navy) !important; }
.wt-lsx .btn-primary { color: #020F2E !important; }
.wt-lsx .btn:not(.btn-primary):hover { color: #fff !important; }
.wt-lsx .match .btn:not(.btn-primary) { color: #fff !important; }
.wt-lsx .match .btn:not(.btn-primary):hover { color: var(--navy) !important; }
.wt-lsx .tab, .wt-lsx .replay { font-family: var(--body) !important; text-transform: none !important; letter-spacing: normal !important; }
.wt-lsx .tab { font-size: .98rem !important; font-weight: 700 !important; color: var(--navy) !important; line-height: 1.2 !important; }
.wt-lsx .tab[aria-selected="true"] { color: #fff !important; }
.wt-lsx .tab-all { color: var(--muted) !important; font-weight: 500 !important; }
.wt-lsx .replay { color: #fff !important; font-size: .85rem !important; font-weight: 700 !important; }
.wt-lsx .btn { box-shadow: none !important; border-radius: 3px !important; padding: 16px 24px !important; background: transparent !important; border: 2px solid var(--navy) !important; }
.wt-lsx .btn-primary { background: var(--orange) !important; border-color: var(--orange) !important; }
.wt-lsx .btn-primary:hover { background: #E84600 !important; border-color: #E84600 !important; }
.wt-lsx .btn:not(.btn-primary):hover { background: var(--navy) !important; }
.wt-lsx .match .btn:not(.btn-primary) { border-color: #6F8BC2 !important; }
.wt-lsx .match .btn:not(.btn-primary):hover { background: #fff !important; border-color: #fff !important; }
.wt-lsx .tab { background: transparent !important; border: 1.5px solid var(--galv-2) !important; border-radius: 999px !important; padding: 10px 18px !important; box-shadow: none !important; height: auto !important; }
.wt-lsx .tab:hover { border-color: var(--navy) !important; }
.wt-lsx .tab[aria-selected="true"] { background: var(--navy) !important; border-color: var(--navy) !important; }
.wt-lsx .replay { background: none !important; border: 1px solid #4A6290 !important; border-radius: 3px !important; padding: 7px 12px !important; box-shadow: none !important; height: auto !important; }
.wt-lsx .replay:hover { border-color: #fff !important; }


.wt-lsx .panel-ctas { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 20px; }
.wt-lsx .panel-ctas .btn { margin-top: 0 !important; }
.wt-lsx .btn.btn-quote { background: var(--navy) !important; border-color: var(--navy) !important; color: #fff !important; }
.wt-lsx .btn.btn-quote:hover { background: var(--ink) !important; border-color: var(--ink) !important; color: #fff !important; }