.jha-header { display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:.7rem; padding:1rem 1.2rem; background:#e8f1ea; border-radius:16px; border:1px solid #d5e6d9; max-width:1100px; margin:1rem auto; box-shadow:0 6px 18px rgba(0,0,0,0.08); transition:box-shadow .3s ease, transform .3s ease; } .jha-header:hover { box-shadow:0 10px 25px rgba(0,0,0,0.12); transform:translateY(-2px) } .jha-logo { line-height:0 } .jha-logo img { height:70px; width:auto; border-radius:8px; vertical-align:middle; box-shadow:0 0 8px rgba(0,0,0,0.05) } .jha-link, .jha-cta { text-decoration:none; font-weight:700; font-family:”Helvetica Neue”, Helvetica, Arial, sans-serif } .jha-link { padding:.55rem .9rem; border-radius:999px; border:1px solid transparent; color:#1f7a60 } .jha-cta { padding:.65rem 1.2rem; border-radius:999px; border:1px solid #1f7a60; background:#1f7a60; color:#fff; transition:all .25s ease } .jha-cta:hover { background:#fff; color:#1f7a60 } @media (max-width:600px) { .jha-logo img { height:55px } .jha-cta { padding:.55rem .9rem } .jha-header { gap:.5rem; padding:.9rem } }