.LeftWrapper {
    display: flex;
}

.Action {
    color: $slate-gray;
}

.ActionButton {
    color: $slate-gray;
    text-align: center;
    outline: 0;
    padding: 0;

    &:hover,
    &:active,
    &:focus {
        color: $slate-gray;
        text-decoration: none;
        outline: 0;
    }
}

.ForksMenu {
    display: flex;
    flex-direction: column;
    min-width: 180px;

    padding: 15px;
    border: 1px solid $alto;
    border-radius: 2px;
    background-color: $white;
    background-size: cover;
    box-shadow: 0 1px 2px $primary-box-shadow;

    a {
        &:hover,
        &:active,
        &:focus {
            text-decoration: none;
            color: $secondary-blue;
            outline: 0;
        }

    }

}

.ForkButton {
    outline: 0;
    padding: 6px 0 0;
    text-align: inherit;

    &:hover,
    &:active,
    &:focus,
    &:active:focus {
        text-decoration: none;
        color: $secondary-blue;
        outline: 0;
    }

}



.Icon {
    font-size: 16px;
    font-weight: 600;
    margin: 0 10px;
}

.RightActionsContainer {
    display: flex;
    flex: 1;
    justify-content: flex-end;
    align-items: baseline;
}

