:root{--main-color:#5e35b1;--primary-color:#fff;--dark-main-color:#3d2a6d}.button-primary{text-align:center;text-transform:uppercase;transition:.5s;background-size:200% auto;color:var(--primary-color);border-radius:10px;border:0;box-shadow:0 0 14px -7px var(--dark-main-color);background-image:linear-gradient(45deg,var(--main-color) 0,var(--dark-main-color) 51%,var(--main-color) 100%);cursor:pointer;-moz-user-select:none;user-select:none;-webkit-user-select:none;touch-action:manipulation;padding:12px 25px}.button-primary:hover{background-position:100%;color:var(--primary-color);text-decoration:none;transform:scale(1.05)}.button-primary:active{transform:scale(.95)}