:root{--color-black:#000;--color-purple:#562673;--color-orange:#f46900;--border-color:var(--color-black);--text-color:var(--color-black)}*{box-sizing:border-box}html{font-size:16px}body{-webkit-font-smoothing:antialiased;color:var(--text-color);font-family:Inter,sans-serif;font-size:1rem}form{display:inline-grid}label{display:block;margin-bottom:10px}input{background:transparent;border:1px solid var(--border-color);border-radius:100px;height:48px;margin-bottom:20px;padding-inline:15px;width:100%}.btn-wrapper{display:flex;flex-wrap:wrap;gap:20px}.button{background-color:var(--color-grey);border:2px solid var(--color-orange);border-radius:100px;color:var(--text-color);display:inline-block;font-size:16px;font-weight:600;letter-spacing:1px;line-height:1;min-width:158px;overflow:hidden;padding:14px 24px;position:relative;text-decoration:none;text-transform:uppercase;transition:all .3s;z-index:0}.button:before{background-color:var(--color-orange);border-radius:100px;content:"";height:100%;left:0;position:absolute;top:0;-webkit-transform:translateX(-100%);transform:translateX(-100%);transition:inherit;width:100%;z-index:-1}.button:hover:before{-webkit-transform:translateX(0);transform:translateX(0)}