Checkbox List Cards - Copy this Angular, Css Component to your project

Design a checkbox list with cards, each featuring distinct border and text colors to visually differentiate them. Each card should contain a label at the top, a checkbox centered in the middle, and a clear border around the card. The border color for each card should vary, and the text color of the label should complement the border color, ensuring readability and visual appeal. The cards should maintain a uniform size and a clean design with rounded corners, with a subtle shadow for depth. This layout should be responsive, ensuring that the list adapts seamlessly across devices while providing a visually engaging and intuitive user experience.