@import "/ui/Hud/Style.scss";

ContextMenuOption {
    flex-direction: row;
    align-items: center;
    padding: 12px 12px;
    background-color: #1b1c1b;
    transition: all 0.1s ease-out;

    img {
        aspect-ratio: 1;
        height: 30px;
        
        margin-right: 18px;
    }

    text {
        font-family: Geneva;
        letter-spacing: 1px;
        font-weight: bolder;
        font-size: 18px;
        
        text-shadow: $text-shadow-sm;
        
    }

    &:hover {
        background-color: #007700;
        pointer-events: all;
        cursor: pointer;
        transform: translateX(-5);
        
        sound-in: 'hover';
    }

    &:active {
        sound-out: 'light_click';
    }
}