.button-primary{
    color: #fff;
    border-radius: 6px;
    padding-top: 6px;
    padding-bottom: 6px;
    padding-left: 16px;
    padding-right: 16px;
}
.primary-red{
    background-color: #ef4444;
}
.primary-black{
    background-color: #3d3d3d;
}
.primary-red:hover {
    background-color: rgba(239, 68, 68, 0.7);
}
.primary-black:hover {
    background-color: rgba(61, 61, 61, 0.7);
}



.button-secondary {
    background-color: transparent;
    border-width: 1px;
    border-radius: 6px;
    padding-top: 6px;
    padding-bottom: 6px;
    padding-left: 16px;
    padding-right: 16px;
}
.secondary-red{
    border-color: #ef4444;
    color: #ef4444;
}
.secondary-black{
    border-color: #3d3d3d;
    color: #3d3d3d;
}


.button-submit{
    background-color: #ef4444;
    width: 100%;
    padding: 12px;
    color: #fff;
    border-radius: 5px;
    cursor: pointer;
}

.button-submit:hover {
    background-color: rgba(239, 68, 68, 0.7);
}


.button-categories {
    color: #ef4444;
    border-radius: 5px;
    background-color: #ffefef;
    padding-top: 6px;
    padding-bottom: 6px;
    padding-left: 16px;
    padding-right: 16px;
}

.button-categories:hover {
    background-color: #ffbcbc;
}

.button-reports {
    width: 100%;
    padding-top: 5px;
    padding-bottom: 4px;
    color: #fff;
    background-color: #ef4444;
    font-size: 14px;
    font-weight: 600;
    border-radius: 3px;
}