.offers{position:relative;overflow:hidden;background:linear-gradient(120deg,#0d0e10 0%,#1b090b 70%,#3a080d 100%);border-left-color:var(--red)}
.offers::before{content:"CONVITE EXCLUSIVO";position:absolute;right:-30px;top:18px;transform:rotate(8deg);color:rgba(255,255,255,.045);font-size:clamp(2.5rem,6vw,5.5rem);font-weight:950;letter-spacing:-.06em;pointer-events:none}
.offers>div,.offers .offer-button{position:relative;z-index:1}
.offers>div>span{display:inline-flex;align-items:center;gap:7px;color:var(--yellow)}
.offers>div>span::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--red);box-shadow:0 0 0 5px rgba(216,31,42,.2)}
.offer-button{isolation:isolate;overflow:hidden;background:linear-gradient(100deg,var(--yellow),#ffb800);box-shadow:0 0 0 0 rgba(255,216,10,.65);animation:invitePulse 2.1s ease-out infinite;transition:transform .2s ease,box-shadow .2s ease}
.offer-button::before{content:"";position:absolute;z-index:-1;inset:-40% auto -40% -45%;width:32%;transform:skewX(-20deg);background:rgba(255,255,255,.7);animation:inviteShine 2.8s ease-in-out infinite}
.offer-button span{display:inline-block;animation:inviteArrow 1s ease-in-out infinite}
.offer-button:hover{transform:translateY(-3px) scale(1.025);box-shadow:0 12px 28px rgba(255,216,10,.3)}
.offer-button:focus-visible{outline:4px solid #fff;outline-offset:4px}
@keyframes invitePulse{0%,100%{box-shadow:0 0 0 0 rgba(255,216,10,.5)}50%{box-shadow:0 0 0 12px rgba(255,216,10,0)}}
@keyframes inviteShine{0%,45%{left:-45%}70%,100%{left:125%}}
@keyframes inviteArrow{0%,100%{transform:translateX(0)}50%{transform:translateX(6px)}}
@media(prefers-reduced-motion:reduce){.offer-button,.offer-button::before,.offer-button span{animation:none}}