.button-dark{
    background-color: var(--accent-light);
    color: var(--white);
    font-size: 16px;
    font-weight: 400;
    font-family: 'Roboto',Sans-Serif;
    outline: none;
    border-radius: var(--button-radius);
    border: 2px solid #ffffff;;
    padding: 16px 26px; 
    cursor: pointer;
    -webkit-transition-duration: 0.5s; /* Safari */
    transition-duration: 0.5s;
}
.button-dark:hover{
    background-color: #ffffff;;
    border: 2px solid var(--accent-light);
    color: var(--accent);
    -webkit-transition-duration: 0.5s; /* Safari */
    transition-duration: 0.5s;
}