.btn{background:var(--glass-btn-bg);width:12rem;height:auto;-webkit-backdrop-filter:var(--glass-btn-filter);backdrop-filter:var(--glass-btn-filter);box-shadow:var(--glass-btn-ring);cursor:pointer;border:none;border-radius:4rem;outline:none;margin:1rem 0;padding:.15rem;font-size:.9rem;transition:background .3s,box-shadow .3s;display:inline-block;position:relative;transform:scale(0)}html[dir=rtl] .btn{width:14rem;overflow:hidden}.btn .circle{background:var(--mhg-primary);border-radius:4rem;width:3rem;height:3rem;margin:0;font-size:1.5rem;transition:width .5s cubic-bezier(.65,0,.076,1);display:block;position:relative;overflow:hidden;transform:scale(0)}.btn .icon{color:var(--base-100);will-change:transform;font-size:1.5rem;transition:all .5s cubic-bezier(.65,0,.076,1);position:absolute;inset-block-start:.775rem;inset-inline-start:.95rem;transform:translate(0)}.btn .button-text{text-align:center;color:var(--glass-btn-ink);font-family:"Uni-Sans", var(--font-arabic), sans-serif;white-space:nowrap;max-width:calc(100% - 5rem);margin-inline-start:1.25rem;font-weight:600;line-height:1;transition:all .5s cubic-bezier(.65,0,.076,1);position:absolute;inset-block-start:50%;inset-inline-start:50%;transform:translate(-50%,-50%)}html[dir=rtl] .btn .button-text{max-width:calc(100% - 5rem);margin-left:0;margin-right:0;padding:0;left:50%;right:auto;overflow:visible;transform:translate(-50%,-50%)}.btn .line{will-change:transform;margin-bottom:-.2em;padding-bottom:.2em;position:relative;transform:translateY(100%)}.btn:hover .circle{width:100%}.btn:hover{background:var(--glass-btn-bg-hover);box-shadow:var(--glass-btn-ring-hover)}html[dir=ltr] .btn:hover .icon{transform:translate(.75rem)}html[dir=rtl] .btn:hover .icon{transform:translate(-.75rem)}.btn:hover .button-text{color:var(--base-100)}