sub-menu.scss

#events-menu {
    text-align: left;
    padding: 3rem 0 1.67rem;
    
    nav {
        margin: 0 0 0 -1rem;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
    }

    a {
        margin: 0 1.333rem 0 0;
        padding: 0.5rem 1rem;
        font-size: 0.925rem;
        color: white;
        border-radius: 1rem;

        &:hover {
            background-image: linear-gradient(90deg, rgba($lavenderfloral, 0.22) 0%, rgba($lavenderfloral, 0.1) 100%);
        }
    }
}