.Button__Navigation {
    background: rgb(30, 160, 220);
    border: unset;
    border-radius: 17px;

    color: rgb(245, 245, 245);
    font-size: 16px;
    font-weight: 700;

    padding-top: 14px;
    padding-bottom: 14px;
    padding-left: 17px;
    padding-right: 17px;

    transition: 0.4s;
}

    .Button__Navigation:hover {
        transition: 0.2s;

        color: rgb(57, 57, 57);
        background: rgb(255, 255, 255);
        box-shadow: 0px 0px 17px rgba(30, 160, 220, 0.3);
    }

    .Button__Navigation > i {
        margin-left: 7px;
    }

    .Button__Active {
        background: rgb(20, 170, 115);
        border: unset;
        border-radius: 17px;
    
        color: rgb(245, 245, 245);
        font-size: 16px;
        font-weight: 700;
    
        padding-top: 14px;
        padding-bottom: 14px;
        padding-left: 17px;
        padding-right: 17px;
    
        transition: 0.4s;
    }
    
        .Button__Active:hover {
            transition: 0.2s;
    
            color: rgb(57, 57, 57);
            background: rgb(255, 255, 255);
            box-shadow: 0px 0px 17px rgba(20, 170, 115, 0.3);
        }
    
        .Button__Active > i {
            margin-right: 7px;
        }

.Button__System {
    background: unset;
    border: unset;

    transition: 0.4s;
}

    .Button__System:hover {
        transition: 0.2s;
        opacity: 0.7;
    }