.header-actions {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    gap: 10px;
}

.header-actions .header-cta {
    flex: 0 0 auto;
}

.header-instagram {
    display: grid;
    width: 44px;
    height: 44px;
    flex: 0 0 44px;
    color: #053955;
    background: #fff;
    border: 1px solid rgba(5, 57, 85, 0.2);
    border-radius: 12px;
    box-shadow: 0 7px 18px rgba(3, 40, 63, 0.08);
    place-items: center;
    transition:
        color 180ms ease,
        background 180ms ease,
        border-color 180ms ease,
        transform 180ms ease,
        box-shadow 180ms ease;
}

.header-instagram svg {
    width: 22px;
    height: 22px;
}

.header-instagram:hover,
.header-instagram:focus-visible {
    color: #fff;
    background: linear-gradient(135deg, #833ab4, #fd1d1d 55%, #fcb045);
    border-color: transparent;
    box-shadow: 0 10px 24px rgba(193, 53, 132, 0.25);
    transform: translateY(-2px);
}

.header-instagram:focus-visible {
    outline: 3px solid rgba(241, 81, 50, 0.35);
    outline-offset: 3px;
}

@media (max-width: 480px) {
    .header-actions {
        gap: 6px;
    }

    .header-instagram {
        width: 40px;
        height: 40px;
        flex-basis: 40px;
        border-radius: 10px;
    }
}