.nav-link-btn {
    display: flex;
    flex-direction: row;
    background-color: var(--col2);
    color: var(--col1);
    border: solid 1px var(--col2);
    border-radius: 3px;
    padding: 8px 12px;
	font-size: 16px;
	margin-right: 15px;
    width: max-content;
    transition: 0.5s;
}

.nav-link-btn:hover {
    background-color: var(--col1);
    color: var(--col2);
    transition: 0.5s;
}

.btn--1 {
    display: flex;
    flex-direction: row;
    background-color: var(--col3);
    color: var(--col5);
    border-radius: 28px;
    border: solid 1px var(--col5);
    padding: 12px 18px;
    font-family: 'Satoshi-Regular', sans-serif;
    width: max-content;
    transition: 0.5s;
}

.btn--1:hover {
    background-color: var(--col1);
    color: var(--col2);
    border: solid 1px var(--col1);
    transition: 0.5s;
}

.btn--1.btn--1-colinverse {
    background-color: var(--col1);
    color: var(--col2);
    border: solid 1px var(--col1);
}

.btn--1.btn--1-colinverse:hover {
    background-color: var(--col3);
    color: var(--col5);
    border: solid 1px var(--col5);
}

.btn--1.btn--1-black {
    background-color: var(--col5);
    color: var(--col2);
    border: solid 1px var(--col5);
}

.btn--1.btn--1-black:hover {
    background-color: var(--col1);
    color: var(--col2);
    border: solid 1px var(--col2);
}


.email-signup .btn--1 {
    background-color: var(--col1);
    color: var(--col2);
    border: solid 1px var(--col2);
    letter-spacing: 2px;
    padding: 12px 32px;
}
.email-signup .btn--1:hover {
    background-color: var(--col5);
    color: var(--col2);
    border: solid 1px var(--col5);
}