Using the symbol is generally better for digital layouts because it saves space and creates a visual "anchor" between the two main actions. If the tone is very formal, use the word "and."
You do not need a hyphen between "Direct" and "Online" unless they are modifying a noun (e.g., "A direct-online marketplace"), but for a general call to action, keep them separate. buy & sell direct online
Buy & Sell Direct Online