.masthead{border-bottom:1px solid var(--line)}
.header-actions{display:flex;align-items:center;gap:24px}
.blog-button{display:inline-flex;align-items:center;gap:12px;border:1px solid #d6e1f2;border-radius:7px;padding:8px 14px;color:var(--navy);font-size:12px;font-weight:650;transition:background .2s,color .2s,border-color .2s}
.blog-button span{color:var(--blue);font-size:16px;line-height:1}
.blog-button:hover{background:var(--blue);border-color:var(--blue);color:#fff}
.blog-button:hover span{color:#fff}
@media(max-width:720px){.header-actions{gap:10px}.header-note{display:none}.blog-button{padding:7px 12px}}