.kkbd,.kkbg,:root{--kkb-clair:#fff2c8;--kkb-vif:#ecc863;--kkb-sombre:#d4a94e;--kkb-halo:236,200,99;--kkb-encre:#17130a;--kkb-etincelle:255,236,170}.kkbd--rose,.kkbg--rose{--kkb-clair:#ffd7ea;--kkb-vif:#f472b6;--kkb-sombre:#c9407f;--kkb-halo:244,114,182;--kkb-encre:#2a0a1a;--kkb-etincelle:255,214,236}.kkbd--violet,.kkbg--violet{--kkb-clair:#e5dcff;--kkb-vif:#a78bfa;--kkb-sombre:#6d4fd6;--kkb-halo:167,139,250;--kkb-encre:#170f2e;--kkb-etincelle:224,212,255}.kkbd--cyan,.kkbg--cyan{--kkb-clair:#ccf6ff;--kkb-vif:#22d3ee;--kkb-sombre:#0e8fa8;--kkb-halo:34,211,238;--kkb-encre:#06222a;--kkb-etincelle:190,245,255}@property --kkbd-angle{syntax:"<angle>";inherits:false;initial-value:0deg}.kkbd{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 26px;border:0;border-radius:999px;font-size:15px;font-weight:650;letter-spacing:.03em;color:var(--kkb-encre);cursor:pointer;isolation:isolate;text-decoration:none;background:linear-gradient(120deg,var(--kkb-clair) 0,var(--kkb-vif) 46%,var(--kkb-sombre) 100%);box-shadow:0 10px 34px rgba(var(--kkb-halo),.32),inset 0 1px 0 rgba(255,255,255,.55);transition:transform .22s ease,box-shadow .22s ease}.kkbd:before{inset:-5px;z-index:-1;padding:3px;background:repeating-conic-gradient(from var(--kkbd-angle),transparent 0deg 21deg,rgba(var(--kkb-etincelle),.95) 24deg 27deg,transparent 30deg);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;animation:kkbdOrbite 7s linear infinite;filter:drop-shadow(0 0 6px rgba(var(--kkb-halo),.8))}.kkbd:after,.kkbd:before{content:"";position:absolute;border-radius:inherit}.kkbd:after{inset:-14px;z-index:-2;background:radial-gradient(closest-side,rgba(var(--kkb-halo),.28),transparent 78%);animation:kkbdSouffle 3.4s ease-in-out infinite}@keyframes kkbdOrbite{to{--kkbd-angle:360deg}}@keyframes kkbdSouffle{0%,to{opacity:.55}50%{opacity:1}}.kkbd:hover{transform:translateY(-2px);box-shadow:0 16px 48px rgba(var(--kkb-halo),.5),inset 0 1px 0 rgba(255,255,255,.6)}.kkbd:hover:before{animation-duration:2.6s}.kkbd:active{transform:translateY(0)}.kkbd:focus-visible{outline:2px solid rgba(var(--kkb-etincelle),.9);outline-offset:3px}.kkbg{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 24px;border-radius:999px;border:1px solid rgba(246,240,226,.28);background:linear-gradient(155deg,rgba(255,255,255,.09),rgba(255,255,255,.02));backdrop-filter:blur(12px) saturate(140%);-webkit-backdrop-filter:blur(12px) saturate(140%);color:rgba(246,240,226,.92);font-size:14.5px;font-weight:550;letter-spacing:.03em;cursor:pointer;overflow:hidden;text-decoration:none;transition:transform .25s cubic-bezier(.22,1,.36,1),border-color .25s ease,box-shadow .25s ease;will-change:transform}.kkbg:before{content:"";position:absolute;top:0;bottom:0;left:-60%;width:45%;background:linear-gradient(105deg,transparent,rgba(255,255,255,.22),transparent);transform:skewX(-18deg);transition:left .5s ease;pointer-events:none}.kkbg:hover{border-color:rgba(var(--kkb-halo),.55);box-shadow:0 10px 34px rgba(0,0,0,.35),0 0 24px rgba(var(--kkb-halo),.14)}.kkbg:hover:before{left:115%}.kkbg:focus-visible{outline:2px solid rgba(var(--kkb-halo),.7);outline-offset:3px}@media (prefers-reduced-motion:reduce){.kkbd:after,.kkbd:before{animation:none}.kkbg{transition:none}}