:root{--btn-bg:var(--secondary);--btn-bg-hover:var(--focused-glowing-button)}.button-with-tooltip{background-color:var(--btn-bg);color:#fff;cursor:pointer;border:none;border-radius:.25rem;justify-content:center;align-items:center;padding:.25rem .5rem;font-weight:500;transition:background-color .2s,box-shadow .3s;display:flex;position:relative}.button-with-tooltip:hover{background-color:var(--btn-bg-hover);box-shadow:0 0 10px #6366f180}.button-with-tooltip .tooltip{color:var(--info-text);letter-spacing:0;white-space:normal;opacity:0;pointer-events:none;z-index:10;background-color:#fff;border-radius:.25rem;width:100%;padding:.4rem .75rem;font-size:.675rem;font-weight:600;transition:opacity .2s,transform .2s;display:inline-block;position:absolute;top:100%;left:50%;transform:translate(-50%)translateY(8px);box-shadow:0 2px 8px #0000001a}.button-with-tooltip:hover .tooltip{opacity:1;transform:translate(-50%)translateY(12px)}