.button-shape-primary {
    border: none;
    height: fit-content;
    border-radius: 50px;
    font-size: 15px;
    padding: 5px 20px 5px 20px;
}

.button-home {
    background-color: rgb(245, 245, 245) !important;
    color: black !important;
    border-radius: 20px;
}

.button-about {
    background-color: rgb(255, 255, 255) !important;
    color: black !important;
    border-radius: 20px;
}

.button-primary {
    background-color: white !important;
    color: #9c7838 !important;
    border: 1px solid #9c7838;
    border-radius: 20px;
}

.button-secondary {
    background-color: #9c7838 !important;
    color: white !important;
    border: 1px solid #9c7838;
    border-radius: 20px;
}


.button-primary-lovelace {
    background-color: white !important;
    color: rgb(255, 0, 247) !important;
    border: 1px solid rgb(255, 0, 247);
    border-radius: 20px;
}

.button-secondary-lovelace {
    background-color: rgb(255, 0, 247) !important;
    color: white !important;
    border: 1px solid rgb(255, 0, 247);
    border-radius: 20px;
}

.button-primary-hooper {
    background-color: white !important;
    color: #1272ff !important;
    border: 1px solid #1272ff;
    border-radius: 20px;
}

.button-secondary-hooper {
    background-color: #1272ff !important;
    color: white !important;
    border: 1px solid #1272ff;
    border-radius: 20px;
}

.button-primary-goldberg {
    background-color: white !important;
    color: rgb(255, 38, 0) !important;
    border: 1px solid rgb(255, 38, 0);
    border-radius: 20px;
}

.button-secondary-goldberg {
    background-color: rgb(255, 38, 0) !important;
    color: white !important;
    border: 1px solid rgb(255, 38, 0);
    border-radius: 20px;
}

.button-primary-home {
    border-radius: 20px;
    border: 1px solid white;
    padding: 1px 10px 0px 10px;
    color: white;
    font-size: 1vw;
}