.fill-btn{position:relative;overflow:hidden;text-decoration:none}.fill-btn-bg{position:absolute;top:0;right:0;bottom:0;left:0;background-color:var(--color-brand);transition:transform .5s cubic-bezier(.19,1,.22,1);z-index:0}.fill-btn-dir-bottom{transform:translateY(100%)}.fill-btn-dir-top{transform:translateY(-100%)}.fill-btn-dir-left{transform:translate(-100%)}.fill-btn-dir-right{transform:translate(100%)}.fill-btn:hover .fill-btn-bg{transform:translate(0)}.fill-btn-label{position:relative;z-index:2;display:flex;align-items:center;gap:.5rem;transition:color .3s ease}.fill-btn:hover .fill-btn-label{color:var(--color-text-inverse)}.fill-btn:disabled .fill-btn-bg{transform:translateY(100%)}.fill-btn:disabled .fill-btn-label{color:inherit}