.odd-button{position:relative;overflow:hidden}.odd-button:after{content:"";position:absolute;inset:0;pointer-events:none;opacity:0}[data-change-direction=up][data-odd-active=false]:after{background-color:var(--color-content-success);animation:odd-highlight 3s ease-in-out}[data-change-direction=down][data-odd-active=false]:after{background-color:var(--color-content-error);animation:odd-highlight 3s ease-in-out}[data-change-direction=up][data-odd-active=true]>strong{animation:odd-highlight-up 3s ease-in-out}[data-change-direction=down][data-odd-active=true]>strong{animation:odd-highlight-down 3s ease-in-out}@keyframes odd-highlight{0%,40%,90%{opacity:1}20%,60%,to{opacity:.5}}@keyframes odd-highlight-up{0%,40%,90%{color:var(--color-foreground-success);opacity:1}20%,60%,to{color:var(--color-foreground-success);opacity:.7}}@keyframes odd-highlight-down{0%,40%,90%{color:var(--color-foreground-error);opacity:1}20%,60%,to{color:var(--color-foreground-error);opacity:.7}}