.button{background:var(--button-bg);color:var(--button-text);transition:all .1s ease-in-out;position:relative}.button:hover{background:var(--button-bg-hover)}.button:disabled{background:var(--yellow-disabled);color:var(--foreground-disabled)}.tooltip{top:-100%;padding:.375rem .75rem;width:fit-content;white-space:nowrap;border-radius:5px;opacity:0;visibility:hidden;transition:all .1s ease-in-out;color:var(--foreground-inverted);box-shadow:0 4px 10px 0 rgba(0,0,0,.1);z-index:1}.tooltip,.tooltip:before{position:absolute;background:var(--foreground)}.tooltip:before{content:"";width:.8rem;height:.8rem;left:50%;bottom:-.7rem;transform:rotate(45deg) translateX(-50%);z-index:0}.button:hover .tooltip{opacity:1;visibility:visible}