/* StodolaPC PC137 — wyłącznie przycisk BuyCoffee na stronie głównej.
   Oryginalna grafika, href i pozostałe komponenty bez zmian. */
.pc2-coffee .pc42-buycoffee-cta {
  position: relative;
  isolation: isolate;
  border-radius: 999px;
  -webkit-tap-highlight-color: transparent;
}
.pc2-coffee .pc42-buycoffee-cta::before {
  content: "";
  position: absolute;
  inset: -4px;
  border-radius: inherit;
  pointer-events: none;
  z-index: -1;
  border: 1px solid color-mix(in srgb, var(--accent, #63c995) 58%, transparent);
  box-shadow: 0 0 0 0 color-mix(in srgb, var(--accent, #63c995) 22%, transparent),
              0 0 0 0 color-mix(in srgb, var(--accent, #63c995) 18%, transparent);
  opacity: 0;
  animation: pc137CoffeeHalo 4.8s ease-in-out infinite;
}
.pc2-coffee .pc42-buycoffee-cta img {
  position: relative;
  z-index: 1;
  max-width: 100%;
  transition: filter .22s ease;
}
@keyframes pc137CoffeeHalo {
  0%, 6%, 26%, 100% { opacity: 0; box-shadow: 0 0 0 0 transparent; }
  12% { opacity: .75; box-shadow: 0 0 11px 3px color-mix(in srgb, var(--accent, #63c995) 25%, transparent); }
  19% { opacity: .28; box-shadow: 0 0 20px 7px color-mix(in srgb, var(--accent, #63c995) 10%, transparent); }
}
@media (hover: hover) and (pointer: fine) {
 .pc2-coffee .pc42-buycoffee-cta:hover img { filter: brightness(1.09); }
 .pc2-coffee .pc42-buycoffee-cta:hover::before { animation-play-state: paused; opacity: .8; }
}
.pc2-coffee .pc42-buycoffee-cta:focus-visible { outline: 2px solid var(--accent, #63c995); outline-offset: 6px; }
@media (prefers-reduced-motion: reduce) {
 .pc2-coffee .pc42-buycoffee-cta::before { animation: none; opacity: 0; }
 .pc2-coffee .pc42-buycoffee-cta img { transition: none; }
}
