a.productButton {
    background-color: #7F5434;
    position: absolute;
    text-decoration: none;
    padding: 7px 17px;
    font-size: 14px;
    border-radius: 4px;
    color: white;
    text-align: center;
    display: inline-block;
    border: none;
}

a.productButton:hover {
    background-color: #40201D;
    transition: 0.5s;
}

a.navButton {
    background-color: white;
    position: absolute;
    text-decoration: none;
    padding: 24.5px 0px;
    font-size: 19px;
    color: #40201D !important;
    text-align: center;
    display: inline-block;
    border: none;
}

a.navButton:hover {
    background-color: #40201D;
    color: white !important;
    transition: 0.5s;
}

a.navButton.active{
    background-color: #40201D;
    color: white !important;
}

button.productButton {
    background-color: #7F5434;
    text-decoration: none;
    padding: 7px 17px;
    font-size: 14px;
    border-radius: 4px;
    color: white;
    text-align: center;
    display: inline-block;
    border: none;
}

button.productButton:hover {
    background-color: #40201D;
    transition: 0.5s;
}