Summary

Based on the CSS code you provided, here is the complete, optimized HTML and CSS for the Cy-Consent Bar component.

This solution creates a responsive, modern UI that handles the layout changes based on the device size (Tablet vs. Desktop).

### Key Features:
* Responsive Layout: Switches between a Tablet view and a Desktop view.
* Modern Design: Uses the specified color palette (`d0d5d2` background, `1863dc` primary, `ffffff` opt-out text) and shadows.
* Focus States: Adds hover and click effects as requested.
* Animations: Smooth transitions for the toggle switches.

### HTML Structure

```html