Hi @Homesweethome1 
One lazy workaround is, for some themes, to make those button as literal images then use the images as swatch-images for the variants; though that may not lead to the same grid layout.
Really though when it’s that specific it would need to be an advanced theme customization.
Reach out if you need services(click profile pic for options).
Welcome to the community.
An interesting problem. You do need custom code for that. New product template for that product. CSS styles should not be a big problem for those 5, with the specific styles for a selected one. But the last one would need a bit of work. First step would be to make separate variants “Unlimited GB - 15 days”, “Unlimited GB - 30 days”, and two more. Then, in code, instead of showing all 4 “sub-variants” like the first 5 variants, merge them into one with a select element that would choose the right variant. This could work for multiple products also, just have the same separator, so it could parse the main variant and “sub-variants”
Found a similar CSS-only, radio buttons example:
https://codepen.io/dromo77/pen/ZEQWyaZ
Hey @Homesweethome1,
The requested changes requires to do the custom code in your theme file. Could you please share the store url and collab code with me so that I can fix it.
Thanks
Ok dear, please share your store URL and collaborator code with me so I can check and provide you with the proper solution.
