Dog Winter Warmers

About

/* ===== Petwell – Christmas styling (scoped, no borders) ===== */ .pw-xmas-warmers { position: relative; padding: 18px 16px; border-radius: 16px; background: linear-gradient(180deg, #ffffff, #f4fbfb); color: #093f72; /* Petwell navy */ font-family: 'Work Sans', Helvetica, Arial, sans-serif; overflow: hidden; } /* Soft animated snowfall overlay (pure CSS, no JS) */ .pw-xmas-warmers::before, .pw-xmas-warmers::after { content: ""; position: absolute; inset: -40% -10%; background-image: radial-gradient(#ffffff 1.2px, transparent 1.2px), radial-gradient(#ffffff 1.2px, transparent 1.2px); background-size: 22px 22px, 32px 32px; background-position: 0 0, 11px 11px; opacity: .28; pointer-events: none; animation: pwSnow 22s linear infinite; } .pw-xmas-warmers::after { opacity: .18; animation-duration: 34s; } @keyframes pwSnow { 0% { background-position: 0 0, 11px 11px; } 100% { background-position: 0 1000px, 11px 1011px; } } .pw-xmas-warmers p { margin: 0 0 10px; line-height: 1.6; font-size: 16px; } /* Festive animated underline for inline links (replaces “buttons”) */ .pw-xmas-warmers a.pw-xlink { text-decoration: none; color: #093f72; background-image: linear-gradient(90deg, #00a7a7, #093f72, #00a7a7); background-size: 200% 2px; background-repeat: no-repeat; background-position: 0 100%; transition: color .2s ease-out; animation: pwShimmer 6s linear infinite; } .pw-xmas-warmers a.pw-xlink:hover { color: #00a7a7; } @keyframes pwShimmer { 0% { background-position: 0 100%; } 100% { background-position: 200% 100%; } } /* Tiny festive sparkle at the top (not a border) */ .pw-xmas-warmers .pw-sparkle { position: absolute; inset: 0 0 auto 0; height: 6px; pointer-events: none; background: radial-gradient(circle at 10% 60%, rgba(212,175,55,.35) 0 2px, transparent 3px), radial-gradient(circle at 30% 40%, rgba(255,255,255,.8) 0 1.5px, transparent 2.5px), radial-gradient(circle at 55% 70%, rgba(0,167,167,.35) 0 2px, transparent 3px), radial-gradient(circle at 80% 35%, rgba(255,255,255,