/* DeckLearn Blog Sverige — CTA flutuante alinhado ao padrão BR */
body:has(.article){padding-bottom:calc(78px + env(safe-area-inset-bottom))}

.article .cta .btn{
  position:fixed;
  left:50%;
  bottom:max(10px,env(safe-area-inset-bottom));
  z-index:9000;
  width:min(340px,calc(100% - 32px));
  min-height:48px;
  padding:10px 16px;
  transform:translateX(-50%);
  border:0;
  border-radius:14px;
  color:#fff!important;
  background:linear-gradient(90deg,var(--theme-a),var(--theme-b) 58%,var(--theme-gold));
  box-shadow:0 14px 28px rgba(var(--glow-b),.20),inset 0 0 0 1px rgba(255,255,255,.16);
  font:900 .9rem/1.2 Sora,Inter,sans-serif;
  letter-spacing:.01em;
  text-align:center;
  text-decoration:none!important;
  transition:transform .12s ease,filter .15s ease,box-shadow .15s ease;
}

body.blog-pillar-anki .article .cta .btn{
  color:#071018!important;
  background:radial-gradient(120% 120% at 50% -10%,#fff 0%,#eaf7ff 34%,#37d6ff 100%);
  box-shadow:0 0 24px rgba(55,214,255,.40),inset 0 0 22px rgba(255,255,255,.66);
}

.article .cta .btn:hover{
  transform:translateX(-50%) translateY(-1px);
  filter:brightness(1.06);
  text-decoration:none!important;
}
.article .cta{padding-bottom:14px}
.article .cta .btn:focus-visible{outline:3px solid var(--c);outline-offset:3px}

@media(max-width:560px){
  body:has(.article){padding-bottom:calc(72px + env(safe-area-inset-bottom))}
  .article .cta .btn{
    width:min(300px,calc(100% - 20px));
    min-height:46px;
    bottom:max(8px,env(safe-area-inset-bottom));
    padding:9px 14px;
    border-radius:14px;
    font-size:.86rem;
  }
}

@media(prefers-reduced-motion:reduce){.article .cta .btn{transition:none}}