// LATEST JOBS
/* ========================================= hireDiverse – Sticky Job Apply Button Targets ONLY the main job-detail Apply button ========================================= */ #job-apply-btn { position: fixed !important; left: 50% !important; bottom: calc(16px + env(safe-area-inset-bottom)) !important; transform: translateX(-50%) !important; width: calc(100vw - 32px) !important; max-width: 720px !important; z-index: 9999 !important; /* Preserve hireDiverse styling */ background: #e6986b !important; border-color: #e6986b !important; color: #ffffff !important; /* Polish */ box-shadow: 0 8px 24px rgba(0, 0, 0, 0.16), 0 2px 6px rgba(0, 0, 0, 0.08) !important; border-radius: 2px !important; overflow: hidden !important; transition: transform 0.2s ease, box-shadow 0.2s ease, filter 0.2s ease !important; animation: hireDiverseApplyPulse 4s ease-in-out infinite; } /* Prevent JBoard from turning it black */ #job-apply-btn:hover, #job-apply-btn:focus, #job-apply-btn:active, #job-apply-btn:visited { background: #e6986b !important; border-color: #e6986b !important; color: #ffffff !important; } /* Slight lift on hover */ #job-apply-btn:hover { transform: translateX(-50%) translateY(-3px) !important; box-shadow: 0 12px 30px rgba(0, 0, 0, 0.2), 0 4px 10px rgba(0, 0, 0, 0.1) !important; filter: brightness(1.04); } /* Shiny sweep */ #job-apply-btn::before { content: ""; position: absolute; top: 0; left: -120%; width: 55%; height: 100%; background: linear-gradient( 110deg, transparent 0%, rgba(255, 255, 255, 0.08) 30%, rgba(255, 255, 255, 0.38) 50%, rgba(255, 255, 255, 0.08) 70%, transparent 100% ); transform: skewX(-20deg); pointer-events: none; animation: hireDiverseApplyShine 4s ease-in-out infinite; } /* Very subtle attention pulse */ @keyframes hireDiverseApplyPulse { 0%, 72%, 100% { box-shadow: 0 8px 24px rgba(0, 0, 0, 0.16), 0 2px 6px rgba(0, 0, 0, 0.08); } 82% { box-shadow: 0 10px 30px rgba(230, 152, 107, 0.38), 0 3px 8px rgba(0, 0, 0, 0.1); } } /* Shine only passes periodically, not constantly */ @keyframes hireDiverseApplyShine { 0%, 68% { left: -120%; } 84% { left: 160%; } 100% { left: 160%; } } /* Mobile */ @media (max-width: 600px) { #job-apply-btn { width: calc(100vw - 24px) !important; bottom: calc(12px + env(safe-area-inset-bottom)) !important; } } /* Respect reduced-motion accessibility setting */ @media (prefers-reduced-motion: reduce) { #job-apply-btn, #job-apply-btn::before { animation: none !important; } }