/* ======================
ARTICLE SIGNOFF MODULE
====================== */

.bbb-signoff{

margin:110px auto 90px;

max-width:760px;

padding:54px 60px;

border-radius:24px;

position:relative;

background:
radial-gradient(
900px 300px at 50% -200px,
rgba(232,90,155,.35),
transparent
),
rgba(255,255,255,.04);

border:1px solid rgba(255,255,255,.12);

box-shadow:
0 40px 100px rgba(0,0,0,.65),
0 0 40px rgba(232,90,155,.25);

overflow:hidden;

transition:transform .35s ease, box-shadow .35s ease;

}

/* subtle hover lift */

.bbb-signoff:hover{

transform:translateY(-6px);

box-shadow:
0 50px 120px rgba(0,0,0,.7),
0 0 60px rgba(232,90,155,.35);

}

/* glow layer */

.bbb-signoff__sparkle{

position:absolute;

inset:0;

background:
radial-gradient(
circle at 20% 30%,
rgba(232,90,155,.15),
transparent 60%
),
radial-gradient(
circle at 80% 70%,
rgba(232,90,155,.15),
transparent 60%
);

opacity:.6;

pointer-events:none;

animation:signoffGlow 10s ease-in-out infinite;

}

@keyframes signoffGlow{

0%{opacity:.4}

50%{opacity:.75}

100%{opacity:.4}

}

/* inner */

.bbb-signoff__inner{

text-align:center;

position:relative;

z-index:2;

}

/* kicker */

.bbb-signoff__kicker{

font-size:11px;

letter-spacing:.22em;

text-transform:uppercase;

color:#e85a9b;

margin-bottom:14px;

}

/* title */

.bbb-signoff__title{

font-size:30px;

font-family:"Playfair Display", serif;

margin-bottom:14px;

}

/* text */

.bbb-signoff__text{

font-size:15px;

opacity:.85;

max-width:500px;

margin:0 auto 28px;

line-height:1.55;

}

/* buttons */

.bbb-signoff__actions{

display:flex;

gap:14px;

justify-content:center;

flex-wrap:wrap;

}

.bbb-signoff__embed{
width:min(100%, 32rem);
border-radius:18px;
overflow:hidden;
border:1px solid rgba(255,255,255,.18);
background:#fff;
box-shadow:0 12px 32px rgba(0,0,0,.18);
}

.bbb-signoff__embed iframe{
display:block;
width:100%;
height:208px;
border:0;
background:#fff;
}

/* button */

.bbb-signoff__btn{

padding:11px 22px;

border-radius:999px;

font-size:12px;

letter-spacing:.12em;

text-transform:uppercase;

text-decoration:none;
text-decoration-line:none;

border:1px solid rgba(232,90,155,.5);

color:#fff;

transition:.25s ease;

}

/* primary */

.bbb-signoff__btn--primary{

background:#e85a9b;

border-color:#e85a9b;

color:#120c12;

}

/* hover */

.bbb-signoff__btn:hover{

transform:translateY(-2px);

box-shadow:0 10px 30px rgba(232,90,155,.35);

}

.bbb-signoff__btn--primary:hover{

background:#ff78b8;

color:#120c12;

}

.article-template__content .bbb-signoff__btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:#fff !important;
  text-decoration:none !important;
  text-decoration-line:none !important;
  transform:none;
}

.article-template__content .bbb-signoff__btn--primary{
  color:#120c12 !important;
}

.article-template__content .bbb-signoff__btn:hover,
.article-template__content .bbb-signoff__btn:focus-visible{
  text-decoration:none !important;
}

.article-template__content .bbb-signoff__btn--primary:hover,
.article-template__content .bbb-signoff__btn--primary:focus-visible{
  color:#120c12 !important;
}

/* social proof */

.bbb-signoff__socialproof{

font-size:15px;

opacity:.6;

margin-top:18px;

line-height:1.45;

}

/* mobile */

@media (max-width:700px){

.bbb-signoff{

padding:40px 26px;

margin:90px auto 70px;

}

.bbb-signoff__title{

font-size:24px;

}

.bbb-signoff__embed{
width:100%;
overflow:hidden;
}

.bbb-signoff__embed iframe{
width:119%;
height:236px;
transform:scale(.84);
transform-origin:top left;
}

}