:root {
    --primary-color: #4aacca;
    --hover-color: #5ea6d0;
    --active-color: #3997c2;
    --header-color: #d2e6f2;
    --header-p-color: #b7deea;
    --header-nav-ul-li-color: #5cbecf;
}

button.button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    background: none;
    cursor: pointer;
    text-decoration: none;
    display: inline-block;
    font: inherit;
    line-height: normal;
}

/* Ensure it gets the same padding, background, etc. as .button (anchor) */
button.button.primary {
    padding: 0.65em 1.25em;
    border-radius: 6px;
    background-color: var(--primary-color, #1b2838);
    /* fallback if no variables */
    color: #fff;
}

button.button.primary:hover {
    background-color: var(--accent-color, #00adee);
}