.trail-badge-container{cursor:default;align-self:flex-start;align-items:center;margin-bottom:1.5rem;display:inline-flex;position:relative}.trail-badge-main{z-index:4;color:#fff;letter-spacing:.12em;text-transform:uppercase;border-radius:50px;padding:5px 14px;font-family:Plus Jakarta Sans,sans-serif;font-size:.62rem;font-weight:900;transition:transform .25s;position:relative;box-shadow:0 4px 12px #0f172a0d}.trail-badge-ghost{pointer-events:none;border-radius:50px;width:100%;height:100%;transition:transform .45s cubic-bezier(.16,1,.3,1),opacity .45s;position:absolute;top:0;left:0}.trail-badge-ghost.ghost-1{transform:translateX(calc(4px * var(--trail-dir,1)));opacity:.3;z-index:3}.trail-badge-ghost.ghost-2{transform:translateX(calc(8px * var(--trail-dir,1)));opacity:.15;z-index:2}.trail-badge-ghost.ghost-3{transform:translateX(calc(12px * var(--trail-dir,1)));opacity:.07;z-index:1}.trail-badge-container:hover .trail-badge-ghost.ghost-1{transform:translateX(calc(6px * var(--trail-dir,1)));opacity:.42}.trail-badge-container:hover .trail-badge-ghost.ghost-2{transform:translateX(calc(12px * var(--trail-dir,1)));opacity:.24}.trail-badge-container:hover .trail-badge-ghost.ghost-3{transform:translateX(calc(18px * var(--trail-dir,1)));opacity:.12}