.resume-pill {
    position: fixed;
    bottom: 2rem;
    left: 50%;
    transform: translateX(-50%) translateY(15px);
    z-index: 9999;
    display: inline-flex;
    align-items: center;
    gap: .55rem;
    padding: .5rem .85rem;
    border-radius: 999px;
    border: 1px solid var(--chip-border, rgba(255,255,255,0.2));
    background:
      linear-gradient(to bottom right,
        color-mix(in srgb, var(--chip-bg, #1e293b) 92%, #fff),
        color-mix(in srgb, var(--chip-bg, #1e293b) 78%, #fff)
      ),
      var(--chip-bg, #1e293b);
    -webkit-backdrop-filter: saturate(120%) blur(6px);
    backdrop-filter: saturate(120%) blur(6px);
    color: var(--chip-fg, #f9fafb);
    font: 500 .9rem/1.1 system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
    letter-spacing: .01em;
    box-shadow:
      0 1px 0 rgba(255,255,255,.7) inset,
      0 2px 6px rgba(0,0,0,.08),
      var(--shadow-s, 0 2px 8px rgba(0,0,0,.25));
    cursor: pointer;
    opacity: 0;
    transition: opacity .3s ease, transform .3s ease;
  }
  
  .resume-pill.show {
    opacity: 1;
    transform: translateX(-50%) translateY(0);
  }
  
  .resume-pill i {
    font-size: .95rem;
    opacity: .9;
  }