.instagram-layer-link {
    position: fixed;
    z-index: 99998;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: var(--ill-size);
    height: var(--ill-size);
    color: #ffffff;
    border-radius: 18px;
    background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285aeb 90%);
    box-shadow: 0 8px 22px rgba(18, 18, 18, 0.28);
    text-decoration: none;
    transition: transform 160ms ease, box-shadow 160ms ease;
    -webkit-tap-highlight-color: transparent;
}

.instagram-layer-link:hover,
.instagram-layer-link:focus-visible {
    color: #ffffff;
    transform: translateY(-3px) scale(1.04);
    box-shadow: 0 12px 28px rgba(18, 18, 18, 0.34);
    outline: none;
}

.instagram-layer-link:focus-visible {
    outline: 3px solid #111111;
    outline-offset: 3px;
}

.instagram-layer-link svg {
    display: block;
    width: 62%;
    height: 62%;
}

.instagram-layer-link--bottom-right {
    right: var(--ill-offset);
    bottom: var(--ill-offset);
}

.instagram-layer-link--bottom-left {
    left: var(--ill-offset);
    bottom: var(--ill-offset);
}

.instagram-layer-link--top-right {
    top: var(--ill-offset);
    right: var(--ill-offset);
}

.instagram-layer-link--top-left {
    top: var(--ill-offset);
    left: var(--ill-offset);
}

@media (max-width: 782px) {
    .instagram-layer-link {
        border-radius: 16px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .instagram-layer-link {
        transition: none;
    }
}