.mainMenuButton {
    height:50px;
    width:50px;
    line-height: 17px;
    position: relative;
    top: -1px;
    left: 38px;
    cursor: pointer;
}

    .mainMenuButton .rectangle {
        height: 12px;
        width: 12px;
        background-color: #867a6e;
        display: inline-block;
    }

    .mainMenuButton.active .rectangle.left,
    .mainMenuButton:hover .rectangle.left {
        background-color: #f47a3b;
    }
    .mainMenuButton.active .rectangle.middle,
    .mainMenuButton:hover .rectangle.middle {
        background-color: #adb345;
    }
    .mainMenuButton.active .rectangle.right,
    .mainMenuButton:hover .rectangle.right {
        background-color: #578a9f;
    }