The Premagic event widget shows two login buttons on its registration screen a **LinkedIn** button and an **Email** button. You can restyle both to match your brand by dropping a small CSS snippet into your event's custom CSS field. This article lists every color, padding, and radius you can override, and includes a ready-to-use prompt you can paste into ChatGPT / Claude / any LLM to generate the CSS for you automatically. \ ![](https://support.premagic.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBdTRCIiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--34d7434c5a3c23b0d84281fc6d6b069aa4fa76c5/PixelSnap%202026-04-08%20at%2012.17.54.jpg) ## What you can customize * **LinkedIn button**: background color, icon badge color, text color, hover colors * **Email button**: background color, text color, hover colors, padding, font size, border radius ## What you can't customize (today) * The button layout / order on the page * The button copy (use the widget text settings instead) * Adding other social providers, LinkedIn is the only social login supported right now ## Where the CSS goes You add this CSS **on your own website** — the site where the Premagic widget is embedded. Drop it into a `