.cpx-brand-mark {
    clear: both;
    display: flex;
    justify-content: flex-end;
    margin: 1.25rem auto 2rem;
    max-width: 1180px;
    padding: 0 1.25rem;
}

.cpx-brand-mark a {
    align-items: center;
    color: #53606f;
    display: inline-flex;
    font: 600 0.76rem/1 system-ui, sans-serif;
    gap: 0.38rem;
    letter-spacing: 0.01em;
    opacity: 0.72;
    text-decoration: none;
    transition: opacity 160ms ease, color 160ms ease;
}

.cpx-brand-mark a:hover,
.cpx-brand-mark a:focus-visible {
    color: #0b5f7a;
    opacity: 1;
    outline: none;
}

.cpx-brand-mark a:focus-visible {
    border-radius: 3px;
    box-shadow: 0 0 0 3px rgba(11, 95, 122, 0.25);
}

.cpx-brand-mark svg {
    fill: currentColor;
    height: 1.1rem;
    width: 1.1rem;
}

@media (max-width: 640px) {
    .cpx-brand-mark {
        justify-content: center;
        margin-bottom: 1.5rem;
    }
}