.fluid-button{--color:#222;display:flex;align-items:center;justify-content:center;border:1px solid var(--color);padding:.3125rem;border-radius:100%;width:-moz-fit-content;width:fit-content;height:-moz-fit-content;height:fit-content;cursor:pointer;overflow:hidden;position:relative}.fluid-button *{pointer-events:none}.fluid-button--hover :not(.fluid-button__fluid){z-index:1;filter:invert(1)}.fluid-button__fluid{position:absolute;width:180%;height:180%;top:0;left:0;transform:translate(-50%,-50%);border-radius:100%;background-color:var(--color);display:block;pointer-events:none;opacity:0;z-index:0;transition:background-color .5s}.fluid-button__fluid--hover{opacity:1}