input[type=submit]{position:relative;overflow:hidden;height:3rem;padding:0 2rem;border-radius:1.5rem;background:#3d3a4e;background-size:400%;color:#fff;border:none;cursor:pointer;}input[type=submit]:hover::before{transform:scaleX(1);}.button-content{position:relative;z-index:1;}input[type=submit]::before{content:"";position:absolute;top:0;left:0;transform:scaleX(0);transform-origin:0 50%;width:100%;height:inherit;border-radius:inherit;background:linear-gradient(82.3deg,rgba(150, 93, 233, 1) 10.8%,rgba(99, 88, 238, 1) 94.3%);transition:all 0.475s;}input[type=text],input[type=textarea]{width:80%;padding:12px 20px;margin:8px 0;display:inline-block;border:1px solid #ccc;border-radius:4px;box-sizing:border-box;font-size:16px;transition:border-color 0.3s, box-shadow 0.3s;}