:root {

--color-primary : #F8EA4C;
--color-secondary : #FB8FE5;
--color-black : #010101;
}

body {
font-family: 'Arial', 'Helvetica', sans-serif;
}

.container {
position: relative;
z-index: 1;
min-height: 100vh;
text-align: center;
padding: 5rem;
}

a {
display: inline-block;
text-decoration: none;
color: var(--color-black);
font-weight: bold;
background: var(--color-black);
/* padding: 0.75rem 0; */
border-radius: 3px;
/* border: 1px solid var(--color-black); */
}

a span {
display: inline-block;
background: var(--color-primary);
padding: 0.75rem;
border-radius: 3px;
border: 1px solid var(--color-black);
transition: all 0.2s;
}

a:hover span {
transform: translate(-5px, -5px);
background: var(--color-secondary);
}