.pennyverse-invite { display: inline-flex; align-items: center; gap: 1rem; width: fit-content; max-width: 100%; margin-top: 2rem; padding: .8rem 1.25rem .8rem .95rem; border: 1px solid #e5b580ac; border-radius: 18px; color: #fff0db; background: linear-gradient(115deg,#6c2544ee,#351625ec 75%); box-shadow: inset 0 1px 0 #fff5, 0 12px 28px #0904099c, 0 0 30px #ca6c8e36; transition: transform .3s, box-shadow .3s, border-color .3s; }
.pennyverse-invite:hover, .pennyverse-invite:focus-visible { color: #fff7e8; transform: translateY(-4px); border-color: #f6d4a7; box-shadow: inset 0 1px 0 #fff6, 0 18px 32px #090409a8, 0 0 36px #e89cac78; }
.pennyverse-invite .invite-spark { font-size: 2rem; line-height: 1; color: #efd2a2; text-shadow: 0 0 16px #f4c9b4; }
.pennyverse-invite small { display: block; font: 700 .62rem 'DM Sans',sans-serif; letter-spacing: .12em; color: #f1bfca; }
.pennyverse-invite strong { display: block; font: 600 clamp(1.3rem, 2vw, 1.7rem) 'Caveat',cursive; line-height: 1.15; }
.pennyverse-invite .invite-arrow { font-size: 1.35rem; margin-left: .4rem; transition: transform .3s; }
.pennyverse-invite:hover .invite-arrow { transform: translate(3px,-3px); }
@media (max-width: 600px) { .pennyverse-invite { margin-top: 1.3rem; padding: .7rem 1rem; } }
@media (prefers-reduced-motion: reduce) { .pennyverse-invite, .pennyverse-invite .invite-arrow { transition: none; } }