.btn-black {
    display: inline-block;
    text-decoration: none;
    font-family: var(--font-family);
    font-weight: bold;
    font-size: 9pt;
    letter-spacing: 0.7pt;
    width: fit-content;
    padding: 7px 10px;
    color: white;
    background: #3a383f;
    border: none;
    border-radius: 5px;
    transition: 0.2s;
}
.btn-black:hover {
    text-decoration: none;
    background: black;
}


.btn-blue {
    display: inline-block;
    text-decoration: none;
    font-family: var(--font-family);
    font-weight: bold;
    font-size: 9pt;
    letter-spacing: 0.7pt;
    width: fit-content;
    padding: 7px 10px;
    color: white;
    background: rgba(30, 143, 255, 0.7);
    border: none;
    border-radius: 5px;
    transition: 0.2s;
}
.btn-blue:hover {
    text-decoration: none;
    background: dodgerblue;
}



.btn-gray {
    display: inline-block;
    text-decoration: none;
    font-family: var(--font-family);
    font-weight: bold;
    font-size: 9pt;
    letter-spacing: 0.7pt;
    width: fit-content;
    padding: 7px 10px;
    color: white;
    background: rgba(128, 128, 128, 0.7);
    border: none;
    border-radius: 5px;
    transition: 0.2s;
}
.btn-gray:hover {
    text-decoration: none;
    background: gray;
}


.btn-green {
    display: inline-block;
    text-decoration: none;
    font-family: var(--font-family);
    font-weight: bold;
    font-size: 9pt;
    letter-spacing: 0.7pt;
    width: fit-content;
    padding: 7px 10px;
    color: white;
    background: rgba(60, 179, 114, 0.7);
    border: none;
    border-radius: 5px;
    transition: 0.2s;
}
.btn-green:hover {
    text-decoration: none;
    background: mediumseagreen;
}



.btn-red {
    display: inline-block;
    text-decoration: none;
    font-family: var(--font-family);
    font-weight: bold;
    font-size: 9pt;
    letter-spacing: 0.7pt;
    width: fit-content;
    padding: 7px 10px;
    color: white;
    background: rgba(255, 0, 0, 0.7);
    border: none;
    border-radius: 5px;
    transition: 0.2s;
}
.btn-red:hover {
    text-decoration: none;
    background: red;
}