.main-header .navbar .container { gap: 18px; }
.cpp-header-button { align-items: center; background: #0c3554; border: 1px solid #0c3554; border-radius: 6px; color: #fff; display: inline-flex; flex: 0 0 auto; font-size: 14px; font-weight: 700; gap: 8px; line-height: 1; padding: 11px 15px; text-decoration: none; transition: background .2s ease, border-color .2s ease, color .2s ease, transform .2s ease; }
.cpp-header-button:hover { background: #d5b45a; border-color: #d5b45a; color: #082b43; transform: translateY(-1px); }
.cpp-header-button:focus-visible { outline: 2px solid #d5b45a; outline-offset: 3px; }
.cpp-header-button svg { display: block; }
@media (max-width: 991px) { .cpp-header-button { margin-left: auto; } .main-header .navbar-toggle { margin-left: 0 !important; } }
@media (max-width: 420px) { .cpp-header-button { border-radius: 50%; height: 40px; justify-content: center; padding: 0; width: 40px; } .cpp-header-button span { display: none; } }