button{outline:0;border:0;cursor:pointer}button[type="submit"],.btn{--btn-bg:var(--dark);--btn-color:var(--light);position:relative;display:inline-flex;justify-content:center;align-items:center;gap:var(--s1);outline:0;border:0;overflow:hidden;background:var(--btn-bg);padding:var(--s0) var(--s2);font-family:var(--font-family-base);font-size:var(--font-sm);font-style:italic;font-weight:600;color:var(--btn-color);transition:var(--transition);cursor:pointer}button[type="submit"]:has(> i:first-child),.btn:has(> i:first-child){padding:var(--s1);aspect-ratio:1}button[type="submit"]:hover,.btn:hover{color:var(--btn-color)}button[type="submit"]::before,.btn::before{content:'';position:absolute;top:0;bottom:0;left:0;width:0;transition:var(--transition);background:repeating-linear-gradient(-55deg,var(--btn-color),var(--btn-color) 3px,transparent 3px,transparent 7px);opacity:0.1}button[type="submit"]:hover::before,.btn:hover::before{width:100%}.btn-color{--btn-bg:var(--primary);--btn-color:var(--light)}.btn-light{--btn-bg:var(--light);--btn-color:var(--dark)}.btn-round{border-radius:var(--s3)}.btn-round:has(> i:first-child){border-radius:50%}input,textarea,select{display:inline-block;outline:0;border:0;border-radius:0;padding:var(--s1);background:var(--light);font-family:var(--font-family-base);font-size:var(--font-sm);color:var(--dark);transition:var(--transition)}textarea{display:block;font-size:var(--font-md)}