@@ -467,10 +467,8 @@ export default function HeroHomeSplit() {
467467 }
468468 .hero-gis-strip {
469469 display: flex;
470- align-items: center;
471- justify-content: space-between;
472- flex-wrap: wrap;
473- gap: 0.5rem 0.85rem;
470+ flex-direction: column;
471+ gap: 0.65rem;
474472 margin: 0 0 1.1rem;
475473 padding: 0.65rem 0.95rem;
476474 border-radius: 12px;
@@ -484,6 +482,14 @@ export default function HeroHomeSplit() {
484482 0 2px 8px rgba(var(--pts-forest-rgb), 0.08),
485483 inset 0 1px 0 rgba(255,255,255,0.8);
486484 }
485+ @media (min-width: 540px) {
486+ .hero-gis-strip {
487+ flex-direction: row;
488+ align-items: center;
489+ justify-content: space-between;
490+ gap: 0.5rem 0.85rem;
491+ }
492+ }
487493 .hero-gis-inner {
488494 display: flex;
489495 align-items: center;
@@ -511,11 +517,12 @@ export default function HeroHomeSplit() {
511517 .hero-gis-action {
512518 display: inline-flex;
513519 align-items: center;
520+ justify-content: center;
514521 gap: 0.4rem;
515522 flex-shrink: 0;
516- padding: 0.38rem 0.85rem;
523+ padding: 0.5rem 0.85rem;
517524 border-radius: 999px;
518- font-size: 0.78rem ;
525+ font-size: 0.82rem ;
519526 font-weight: 700;
520527 color: #fff;
521528 background: var(--pts-forest);
@@ -525,6 +532,9 @@ export default function HeroHomeSplit() {
525532 transition: background-color 0.15s ease;
526533 }
527534 .hero-gis-action:hover { background: #166534; color: #fff; }
535+ @media (max-width: 539px) {
536+ .hero-gis-action { width: 100%; }
537+ }
528538
529539 /* ── Mobile hero overrides (≤768px) ── */
530540 @media (max-width: 768px) {
0 commit comments