:root {
--background: #2C2C2C;
--accent: #FF9950;
}
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
html {
font-family: 'Mulish';
font-size: 16px;
}
.background {
background-color: var(--background);
display: grid;
place-items: center;
height: 100vh;
}
.button {
border: 0px solid;
outline: 2px solid;
color: white;
outline-color: white;
outline-offset: 0px;
text-shadow: none;
cursor: pointer;
font-size: 1rem;
line-height: 2.5rem;
max-width: 160px;
width: 100%;
letter-spacing: 0.3rem;
font-weight: 600;
position: relative;
text-decoration: none;
text-transform: uppercase;
display: flex;
justify-content: center;
transition: all 550ms cubic-bezier(
.36,.63,.5,.73
);
}
.button:hover {
border: 2px solid var(--accent);
outline-color: rgba(255, 255, 255, 0);
outline-offset: 15px;
color: var(--accent);
}