.text-capsule{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.15);border-radius:8px;text-decoration:none;color:#fff;font-size:var(--fs-xs);font-weight:500;transition:all .2s ease;cursor:pointer;margin:6px 0;width:100%;justify-content:flex-start;word-wrap:break-word;word-break:break-word;max-width:560px}.text-capsule:hover{background:#ffffff26;border-color:#ffffff40;transform:translateY(-2px) scale(1.05);box-shadow:0 4px 12px #0003}.text-capsule:active{transform:translateY(0);box-shadow:0 2px 6px #00000026}.capsule-icon{font-size:var(--fs-lg);flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:transform .2s ease}.text-capsule:hover .capsule-icon{transform:scale(1.15) rotate(-5deg)}.capsule-text{font-size:var(--fs-sm);flex:1;overflow:hidden;text-overflow:ellipsis}@media (max-width: 1024px){.text-capsule{padding:12px 18px;justify-content:center}}@media (max-width: 640px){.text-capsule{padding:10px 14px}}.text-capsule.prominent{background:#60a5fa1a;border-color:#60a5fa4d}.text-capsule.prominent:hover{background:#60a5fa33;border-color:#60a5fa80;box-shadow:0 4px 16px #60a5fa4d}