.projects-btn{
    font-size: 16px;
    line-height: 26px;
    font-weight: 400;
    background: var(--accent--color);
    color: #ffffff;
    border-radius: 10px;
    padding: 10px 18px;
    display: inline-block;
    text-align: center;
    transition: all 0.3s ease-in-out;
    margin-right: 4px;
    border: 1px solid transparent;
}

.projects-btn:hover {
    background-color: var(--primary--color);
    color: var(--secondary--color);
    transition: ease-in-out 0.6s;
}


/* responsive */