The first one is coasters and these days, it's made easy for us. Ready made coasters are now fairly reasonably priced and easy to obtain.
Putting them together is quick and easy to do. I took one of the card designs and using the coaster backing as a template, I marked the aida and trimmed it to size, it fits perfectly.
If you were in need of a gift, you could send it with a matching card, quick and simple.
Create With Loopy
Cross Stitch Class
Table Mats, Runners and Coasters