.button{display: inline-block; transition:all 100ms ease-in-out; background-color: var(--purple); color: #fff; padding: 15px 60px; border-radius:60px; text-decoration: none; font-weight:700; text-align: center; position: relative; cursor: pointer; font-family: var(--font-heading); transition:all 300ms ease}

.button:hover{background: var(--buttonover); color: #fff}

.button i{font-size:1.6rem; transform: translate(-10px, 2px)}