.mobile-contact {
    display: none;
}

@media (max-width: 760px) {
    body {
        padding-bottom: calc(5rem + env(safe-area-inset-bottom, 0px));
    }

    .mobile-contact {
        position: fixed;
        z-index: 90;
        right: calc(1rem + env(safe-area-inset-right, 0px));
        left: calc(1rem + env(safe-area-inset-left, 0px));
        bottom: calc(1rem + env(safe-area-inset-bottom, 0px));
        display: flex;
        justify-content: space-between;
        gap: .5rem;
        pointer-events: none;
    }

    .mobile-contact__link {
        pointer-events: auto;
        display: grid;
        width: 2.75rem;
        height: 2.75rem;
        place-items: center;
        border: 1px solid var(--color-primary);
        border-radius: var(--radius-sm);
        color: var(--color-primary);
        background: var(--color-bg);
        transition: color var(--transition), background var(--transition);
    }

    .mobile-contact__link:hover,
    .mobile-contact__link:focus-visible {
        color: var(--color-bg);
        background: var(--color-primary);
    }

    .menu-open .mobile-contact {
        visibility: hidden;
    }
}