.notification-btn {
    transform: translate(0px, -6px);
    display: flex;
    justify-content: center; /* Horizontally center the arrow */
    align-items: center; /* Vertically center the arrow */
    background: none;
    padding: 10;
    margin: 0;
    background: none;
    border: none;
    cursor: pointer;
    outline: none;
    transition-duration: 0.0s;
    color: white; /* Default back to white when not active */
}
.bell-icon {
    height: 25px;
    width: 25px;
}
.notification-bin {
    display: flex;
}
.reputation-indicator {
    display: flex;
}
.bounty-indicator {
    display: flex;
}
.reputation-btn {
    transform: translate(0px, -6px);
    display: flex;
    justify-content: center; /* Horizontally center the arrow */
    align-items: center; /* Vertically center the arrow */
    background: none;
    padding: 10;
    margin: 0;
    background: none;
    border: none;
    pointer-events: none;
    cursor: default;
    outline: none;
    transition-duration: 0.0s;
    color: white; /* Default back to white when not active */
}
.bonus-btn {
    transform: translate(0px, -6px);
    display: flex;
    justify-content: center; /* Horizontally center the arrow */
    align-items: center; /* Vertically center the arrow */
    background: none;
    padding: 10;
    margin: 0;
    background: none;
    border: none;
    cursor: pointer;
    outline: none;
    transition-duration: 0.0s;
    color: white; /* Default back to white when not active */
}
.bonus-btn {
    transform: translate(0px, -6px);
    display: flex;
    justify-content: center; /* Horizontally center the arrow */
    align-items: center; /* Vertically center the arrow */
    background: none;
    padding: 10;
    margin: 0;
    background: none;
    border: none;
    cursor: pointer;
    outline: none;
    transition-duration: 0.0s;
    color: white; /* Default back to white when not active */
}