Live preview
Preview settings
Changes appear as you type. Use Tab to test keyboard focus.
⌘ / Ctrl + S saves locally
Merry Christmas · d3uceY
HTML, CSS or Tailwind, and a little JavaScript. One button or a group of up to six.
By d3uceY
Button submission checks
Checks will appear after the preview updates.
Buttons only: no full pages, forms, cards or navigation. Put scripts in the JavaScript tab. Tailwind uses utilities from HTML and JavaScript; use complete class names. Custom CSS supports plain CSS, without @apply, imports or plugins.
Accessibility quick check
Waiting for the rendered preview…
Try Tab, Enter and Space in the preview. Check the focus ring, hover and disabled states, then enable Reduce motion. These checks are guidance, not an accessibility certification.
Explore freely here. Remix to publish your version with credit to the creator.
About Merry Christmas · d3uceY
Merry Christmas · d3uceY is an animated CSS button by d3uceY. Preview the interaction, customize its HTML, styles and JavaScript, or download the files with creator credit.
- Effects and categories
- Hover effects, Icon, Animated
- Using this example
- Copy the HTML or download index.html, style.css and app.js. Test keyboard focus, motion and contrast in your own project.
Usage, Tailwind and licensing questions
Read the source files
HTML
<button>
<div class="overflow">
<div class="text-container">Merry Christmas</div>
<svg id="christmas-tree" viewBox="0 0 512 512" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" class="christmas-tree christmas-tree-1">
<path d="M285 406.03v88.47a10.004 10.004 0 0 1-10 10h-38a10.004 10.004 0 0 1-10-10v-88.47Z" fill="#d88a55"></path>
<path d="M285 406.03v69.46l-58-59.1v-10.36h58z" fill="#c57a44"></path>
<circle fill="#fed402" r="22.5" cy="468" cx="370"></circle>
<path d="M383.398 449.925a22.5 22.5 0 0 1-34.796 25.032 22.5 22.5 0 1 0 34.796-25.032Z" fill="#fac600"></path>
<circle fill="#fed402" r="22.5" cy="468" cx="142"></circle>
<path d="M436.67 396.93a819.475 819.475 0 0 1-178.17 20.09 820.131 820.131 0 0 1-164.76-16.15c-6.41-1.29-12.56-2.62-18.45-3.95a8.538 8.538 0 0 1-4.1-2.15 5.655 5.655 0 0 1-.42-.43c0-.01 0-.01-.01-.01a7.541 7.541 0 0 1-.69-.94 9.171 9.171 0 0 1-.52-1.04c-.08-.22-.15-.43-.21-.65a.076.076 0 0 0-.01-.04c-.04-.18-.08-.37-.11-.56a.22.22 0 0 1-.01-.08c-.02-.14-.04-.28-.05-.42a6.602 6.602 0 0 1 0-.89 6.22 6.22 0 0 1 1.75-3.86l.84-.9L240.5 204.21l8.92-9.55a7.823 7.823 0 0 1 .66-.63 9.555 9.555 0 0 1 11.84 0 7.832 7.832 0 0 1 .66.63l106.03 113.56 10.32 11.05 62.16 66.58c3.69 3.96 1.36 9.77-4.42 11.08Z" fill="#46cc8d"></path>
<path d="M436.67 396.93a819.475 819.475 0 0 1-178.17 20.09 820.131 820.131 0 0 1-164.76-16.15c-6.41-1.29-12.56-2.62-18.45-3.95a8.538 8.538 0 0 1-4.1-2.15 5.655 5.655 0 0 1-.42-.43c0-.01 0-.01-.01-.01a7.541 7.541 0 0 1-.69-.94 9.171 9.171 0 0 1-.52-1.04c-.08-.22-.15-.43-.21-.65a.076.076 0 0 0-.01-.04c-.04-.18-.08-.37-.11-.56a.22.22 0 0 1-.01-.08c-.02-.14-.04-.28-.05-.42a6.602 6.602 0 0 1 0-.89 617.144 617.144 0 0 0 67.78 10.19 576.568 576.568 0 0 0 76.56 2.12c60.36-2.37 124.42-16.24 158.32-24.61a14.913 14.913 0 0 0 7.31-24.66l-19.78-21.2-10.5-11.24-108.35-116.1 8.92-9.55a7.823 7.823 0 0 1 .66-.63 8.98 8.98 0 0 1 11.84 0 7.832 7.832 0 0 1 .66.63l106.03 113.56 10.32 11.05 62.16 66.58c3.69 3.96 1.36 9.77-4.42 11.08Z" fill="#00c27a"></path>
<path d="M409.45 301.52a695.395 695.395 0 0 1-151.32 17.06 695.321 695.321 0 0 1-155.63-17.07c-4.89-1.11-6.84-6.05-3.72-9.4l62.83-67.29 88.8-95.11a7.993 7.993 0 0 1 11.18 0l88.79 95.11 62.83 67.29c3.14 3.36 1.16 8.3-3.76 9.41Z" fill="#46cc8d"></path>
<path d="M409.45 301.52a704.636 704.636 0 0 1-151.32 17.06 695.321 695.321 0 0 1-155.63-17.07c-3.89-.88-5.92-4.19-5.01-7.19a5.482 5.482 0 0 1 1.29-2.21l62.83-67.29 7.01-7.51 10.24-10.97 61.64-66.02 9.91-10.61a7.993 7.993 0 0 1 11.18 0l88.79 95.11 60.96 65.29h.01l1.86 2c3.14 3.36 1.16 8.3-3.76 9.41Z" fill="#46cc8d"></path>
<path d="M409.45 301.52q-7.68 1.74-16.07 3.43a696.535 696.535 0 0 1-135.25 13.63 695.321 695.321 0 0 1-155.63-17.07c-3.89-.88-5.92-4.19-5.01-7.19a698.084 698.084 0 0 0 115.64 9.26c28.51-.08 64.07-5.82 93.95-11.93 12.54-2.57 24.07-5.2 33.66-7.51 1.26-.3 2.48-.59 3.66-.88a14.503 14.503 0 0 0 7.15-23.99l-46.17-49.45-64.88-69.5 9.91-10.61a7.993 7.993 0 0 1 11.18 0l88.79 95.11 60.97 65.29 1.86 2c3.14 3.36 1.16 8.3-3.76 9.41Z" fill="#00c27a"></path>
<circle fill="#0067c5" r="7.5" cy="365.414" cx="146.433"></circle>
<circle fill="#00c27a" r="22.5" cy="376.542" cx="285"></circle>
<path d="M134.43 197.67a4.263 4.263 0 0 0-.71 1.02 3.535 3.535 0 0 0-.16.34c-.04.12-.09.24-.12.36-.68 2.31.89 4.84 3.89 5.52q6.855 1.56 14.45 3.06a276.19 276.19 0 0 0 32.41-5.52c-17.94-.89-34.59-2.61-49.76-4.78zm152.91-63.44 10.25 10.98q8.58-7.365 16.54-15.49l-10.23-10.96a2.612 2.612 0 0 0-.25.23q-7.83 7.995-16.31 15.24z" fill="#f4d902"></path>
<circle fill="#e53950" r="22.5" cy="369.042" cx="276.328"></circle>
<circle fill="#00c27a" r="22.5" cy="327.45" cx="194.053"></circle>
<circle fill="#e53950" r="22.5" cy="318.588" cx="186.413"></circle>
<path d="M155.398 449.925a22.5 22.5 0 0 1-34.796 25.032 22.5 22.5 0 1 0 34.796-25.032Z" fill="#fac600"></path>
<path d="M374.64 204.92a537.51 537.51 0 0 1-117 13.19 538.681 538.681 0 0 1-105.86-10.14q-7.59-1.5-14.45-3.06c-3-.68-4.57-3.21-3.89-5.52.03-.12.08-.24.12-.36a3.535 3.535 0 0 1 .16-.34 4.263 4.263 0 0 1 .71-1.02l.02-.02 3.28-3.51L240.5 84.06l11.18-11.97a6.176 6.176 0 0 1 8.64 0l43.58 46.67 10.23 10.96 63.42 67.93c2.42 2.59.89 6.41-2.91 7.27Z" fill="#46cc8d"></path>
<path d="M374.64 204.92a537.51 537.51 0 0 1-117 13.19 538.681 538.681 0 0 1-105.86-10.14q-7.59-1.5-14.45-3.06c-3-.68-4.57-3.21-3.89-5.52.03-.12.08-.24.12-.36a3.535 3.535 0 0 1 .16-.34 4.263 4.263 0 0 1 .71-1.02 540.684 540.684 0 0 0 78.21 5.44c28.6-.08 66.39-7.53 91.83-13.41a16.884 16.884 0 0 0 8.55-27.97l-15.43-16.52-10.25-10.98-46.84-50.17 11.18-11.97a5.914 5.914 0 0 1 8.64 0l43.58 46.67 10.23 10.96 63.42 67.93c2.42 2.59.89 6.41-2.91 7.27Z" fill="#00c27a"></path>
<circle fill="#00c27a" r="22.5" cy="230.47" cx="300.735"></circle>
<circle fill="#e53950" r="22.5" cy="220.148" cx="294.064"></circle>
<path d="m259.605 9.741 9.885 20.03a4.02 4.02 0 0 0 3.027 2.199l22.104 3.212a4.02 4.02 0 0 1 2.228 6.857l-15.994 15.59a4.02 4.02 0 0 0-1.157 3.559l3.776 22.014a4.02 4.02 0 0 1-5.833 4.238l-19.77-10.393a4.02 4.02 0 0 0-3.742 0L234.36 87.44a4.02 4.02 0 0 1-5.833-4.238l3.776-22.014a4.02 4.02 0 0 0-1.157-3.558l-15.994-15.591a4.02 4.02 0 0 1 2.228-6.857l22.104-3.212a4.02 4.02 0 0 0 3.027-2.2l9.885-20.029a4.02 4.02 0 0 1 7.21 0Z" fill="#fac600"></path>
<path d="M280.306 346.9a22.489 22.489 0 0 1-21.054 36.785 22.497 22.497 0 1 0 21.054-36.785zm17.678-149.073a22.489 22.489 0 0 1-21.053 36.785 22.497 22.497 0 1 0 21.053-36.785zM190.39 296.445a22.489 22.489 0 0 1-21.053 36.785 22.497 22.497 0 1 0 21.053-36.785z" fill="#ca2e43"></path>
<path d="M230.246 73.174c1.094.087 2.196.144 3.313.144a41.522 41.522 0 0 0 41.514-40.977l-2.556-.371a4.02 4.02 0 0 1-3.027-2.2l-9.885-20.029a4.02 4.02 0 0 0-7.21 0l-9.885 20.03a4.02 4.02 0 0 1-3.027 2.199l-22.104 3.212a4.02 4.02 0 0 0-2.228 6.857l15.994 15.59a4.02 4.02 0 0 1 1.157 3.559Z" fill="#fed402"></path>
<path d="M309.005 172.364a7.5 7.5 0 1 0-7.5-7.5 7.5 7.5 0 0 0 7.5 7.5Zm32.787 98.632a7.5 7.5 0 1 0-7.5-7.5 7.5 7.5 0 0 0 7.5 7.5ZM446.57 380.73l-62.034-66.442q13.352-2.477 26.572-5.46a13.958 13.958 0 0 0 10.554-9.38 12.65 12.65 0 0 0-2.97-12.46l-65.432-70.08q11.608-2.098 23.033-4.678a12.637 12.637 0 0 0 9.411-8.412 11.461 11.461 0 0 0-2.68-11.294L288.414 91.19a11.435 11.435 0 0 0 2.451-9.258l-3.467-20.212 14.686-14.314a11.52 11.52 0 0 0-6.385-19.65l-20.294-2.948-9.075-18.389a11.52 11.52 0 0 0-20.662 0l-9.075 18.389-20.292 2.949a11.52 11.52 0 0 0-6.386 19.65L224.6 61.72l-3.467 20.21a11.436 11.436 0 0 0 2.45 9.258l-94.615 101.337a11.471 11.471 0 0 0-2.68 11.303c.025.084.066.16.094.243a7.418 7.418 0 0 0 .41 1.06 12.733 12.733 0 0 0 8.876 7.093q11.464 2.596 23.063 4.688L93.3 286.988a12.664 12.664 0 0 0-2.97 12.474 13.912 13.912 0 0 0 10.514 9.357q13.18 2.986 26.62 5.466L65.427 380.73a13.593 13.593 0 0 0-3.199 13.385c.06.196.132.386.2.578.02.057.039.114.06.17a15.144 15.144 0 0 0 11.142 9.365q30.028 6.8 60.632 11.316l.184 23.416a30 30 0 1 0 15.001-.027l-.167-21.301q34.891 4.519 70.207 6.076l.011 70.788a17.52 17.52 0 0 0 17.5 17.5h38a17.52 17.52 0 0 0 17.5-17.5v-70.778q35.274-1.547 70.218-6.083l-.167 21.298a30 30 0 1 0 15 .027l.185-23.417q30.551-4.529 60.587-11.305a15.118 15.118 0 0 0 11.448-10.14 13.574 13.574 0 0 0-3.198-13.368Zm-45.476-90.611a346.898 346.898 0 0 1-129.87-26.808 346.569 346.569 0 0 1-71.777-40.63 549.109 549.109 0 0 0 56.558 2.932c.55 0 1.107 0 1.658-.003 2.29-.007 4.594-.03 6.895-.065a29.993 29.993 0 0 0 59.472-4.166c3.812-.477 7.62-1.007 11.423-1.565Zm-122.032-69.974a15 15 0 1 1 15 15 15.017 15.017 0 0 1-15-15ZM240.56 39.388a11.517 11.517 0 0 0 8.673-6.302l6.765-13.707 6.765 13.706a11.516 11.516 0 0 0 8.674 6.303l15.126 2.198-10.947 10.67a11.518 11.518 0 0 0-3.312 10.195l2.584 15.067-13.527-7.112a11.512 11.512 0 0 0-10.723-.002l-13.53 7.114 2.584-15.067a11.52 11.52 0 0 0-3.314-10.197l-10.945-10.668Zm-91.707 153.817L244.837 90.4l11.161-5.867 11.156 5.865 31.4 33.63a251.698 251.698 0 0 1-31.351 25.758 7.5 7.5 0 1 0 8.547 12.328 266.817 266.817 0 0 0 33.04-27.121l59.437 63.66a528.643 528.643 0 0 1-47.381 8.002 29.985 29.985 0 0 0-55.19 3.865c-2.682.048-5.367.083-8.038.09q-.807.003-1.613.003a532.956 532.956 0 0 1-80.883-6.175 266.515 266.515 0 0 0 72.824-25.494 7.5 7.5 0 0 0-6.958-13.289 253.71 253.71 0 0 1-92.135 27.55Zm-42.265 101.531 67.773-72.589a362.229 362.229 0 0 0 91.084 55.005 360.646 360.646 0 0 0 97.868 25.55A691.461 691.461 0 0 1 258.1 311.08c-14.266.027-28.7-.391-42.99-1.23a29.994 29.994 0 0 0-55.122-5.46 684.293 684.293 0 0 1-53.4-9.654Zm94.823 23.848a15 15 0 1 1-15-15 15.017 15.017 0 0 1 15 15Zm-44.413 149.412a15 15 0 1 1-15-15 15.017 15.017 0 0 1 15 15Zm120.5 26.5a2.503 2.503 0 0 1-2.5 2.5h-38a2.503 2.503 0 0 1-2.5-2.5l-.01-70.264q10.75.278 21.514.288a832.61 832.61 0 0 0 21.497-.295Zm107.5-26.5a15 15 0 1 1-15-15 15.017 15.017 0 0 1 15 15Zm-126.518-58.48a814.694 814.694 0 0 1-125.93-9.384 508.569 508.569 0 0 0 62.85-7.465 7.5 7.5 0 0 0-2.697-14.756 498.364 498.364 0 0 1-111.167 7.546l63.605-68.126q5.637.896 11.281 1.708a29.994 29.994 0 0 0 59.31 5.876 711.95 711.95 0 0 0 40.272 1.168q1.071 0 2.141-.003a707.217 707.217 0 0 0 91.492-6.235 488.86 488.86 0 0 1-53.323 26.846 29.975 29.975 0 0 0-49.686 18.131 486.261 486.261 0 0 1-22.239 6.2 7.5 7.5 0 1 0 3.677 14.542 501.986 501.986 0 0 0 20.328-5.604 29.992 29.992 0 0 0 56.331-20.57 505.019 505.019 0 0 0 67.863-35.92l61.868 66.264a811.908 811.908 0 0 1-175.976 19.782Zm32.846-40.478a15 15 0 1 1-15-15 15.017 15.017 0 0 1 15 15Zm70.672-7.5a7.5 7.5 0 1 0 7.5 7.5 7.5 7.5 0 0 0-7.5-7.5Zm-180.757-91.8a7.5 7.5 0 1 0-7.5-7.5 7.5 7.5 0 0 0 7.5 7.5Zm53.257-140.52a7.5 7.5 0 1 0 7.5 7.5 7.5 7.5 0 0 0-7.5-7.5ZM146.431 357.91a7.5 7.5 0 1 0 7.5 7.5 7.5 7.5 0 0 0-7.5-7.5Z" fill="#282828"></path>
</svg>
<svg id="christmas-tree" viewBox="0 0 512 512" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" class="christmas-tree christmas-tree-2">
<path d="M285 406.03v88.47a10.004 10.004 0 0 1-10 10h-38a10.004 10.004 0 0 1-10-10v-88.47Z" fill="#d88a55"></path>
<path d="M285 406.03v69.46l-58-59.1v-10.36h58z" fill="#c57a44"></path>
<circle fill="#fed402" r="22.5" cy="468" cx="370"></circle>
<path d="M383.398 449.925a22.5 22.5 0 0 1-34.796 25.032 22.5 22.5 0 1 0 34.796-25.032Z" fill="#fac600"></path>
<circle fill="#fed402" r="22.5" cy="468" cx="142"></circle>
<path d="M436.67 396.93a819.475 819.475 0 0 1-178.17 20.09 820.131 820.131 0 0 1-164.76-16.15c-6.41-1.29-12.56-2.62-18.45-3.95a8.538 8.538 0 0 1-4.1-2.15 5.655 5.655 0 0 1-.42-.43c0-.01 0-.01-.01-.01a7.541 7.541 0 0 1-.69-.94 9.171 9.171 0 0 1-.52-1.04c-.08-.22-.15-.43-.21-.65a.076.076 0 0 0-.01-.04c-.04-.18-.08-.37-.11-.56a.22.22 0 0 1-.01-.08c-.02-.14-.04-.28-.05-.42a6.602 6.602 0 0 1 0-.89 6.22 6.22 0 0 1 1.75-3.86l.84-.9L240.5 204.21l8.92-9.55a7.823 7.823 0 0 1 .66-.63 9.555 9.555 0 0 1 11.84 0 7.832 7.832 0 0 1 .66.63l106.03 113.56 10.32 11.05 62.16 66.58c3.69 3.96 1.36 9.77-4.42 11.08Z" fill="#46cc8d"></path>
<path d="M436.67 396.93a819.475 819.475 0 0 1-178.17 20.09 820.131 820.131 0 0 1-164.76-16.15c-6.41-1.29-12.56-2.62-18.45-3.95a8.538 8.538 0 0 1-4.1-2.15 5.655 5.655 0 0 1-.42-.43c0-.01 0-.01-.01-.01a7.541 7.541 0 0 1-.69-.94 9.171 9.171 0 0 1-.52-1.04c-.08-.22-.15-.43-.21-.65a.076.076 0 0 0-.01-.04c-.04-.18-.08-.37-.11-.56a.22.22 0 0 1-.01-.08c-.02-.14-.04-.28-.05-.42a6.602 6.602 0 0 1 0-.89 617.144 617.144 0 0 0 67.78 10.19 576.568 576.568 0 0 0 76.56 2.12c60.36-2.37 124.42-16.24 158.32-24.61a14.913 14.913 0 0 0 7.31-24.66l-19.78-21.2-10.5-11.24-108.35-116.1 8.92-9.55a7.823 7.823 0 0 1 .66-.63 8.98 8.98 0 0 1 11.84 0 7.832 7.832 0 0 1 .66.63l106.03 113.56 10.32 11.05 62.16 66.58c3.69 3.96 1.36 9.77-4.42 11.08Z" fill="#00c27a"></path>
<path d="M409.45 301.52a695.395 695.395 0 0 1-151.32 17.06 695.321 695.321 0 0 1-155.63-17.07c-4.89-1.11-6.84-6.05-3.72-9.4l62.83-67.29 88.8-95.11a7.993 7.993 0 0 1 11.18 0l88.79 95.11 62.83 67.29c3.14 3.36 1.16 8.3-3.76 9.41Z" fill="#46cc8d"></path>
<path d="M409.45 301.52a704.636 704.636 0 0 1-151.32 17.06 695.321 695.321 0 0 1-155.63-17.07c-3.89-.88-5.92-4.19-5.01-7.19a5.482 5.482 0 0 1 1.29-2.21l62.83-67.29 7.01-7.51 10.24-10.97 61.64-66.02 9.91-10.61a7.993 7.993 0 0 1 11.18 0l88.79 95.11 60.96 65.29h.01l1.86 2c3.14 3.36 1.16 8.3-3.76 9.41Z" fill="#46cc8d"></path>
<path d="M409.45 301.52q-7.68 1.74-16.07 3.43a696.535 696.535 0 0 1-135.25 13.63 695.321 695.321 0 0 1-155.63-17.07c-3.89-.88-5.92-4.19-5.01-7.19a698.084 698.084 0 0 0 115.64 9.26c28.51-.08 64.07-5.82 93.95-11.93 12.54-2.57 24.07-5.2 33.66-7.51 1.26-.3 2.48-.59 3.66-.88a14.503 14.503 0 0 0 7.15-23.99l-46.17-49.45-64.88-69.5 9.91-10.61a7.993 7.993 0 0 1 11.18 0l88.79 95.11 60.97 65.29 1.86 2c3.14 3.36 1.16 8.3-3.76 9.41Z" fill="#00c27a"></path>
<circle fill="#0067c5" r="7.5" cy="365.414" cx="146.433"></circle>
<circle fill="#00c27a" r="22.5" cy="376.542" cx="285"></circle>
<path d="M134.43 197.67a4.263 4.263 0 0 0-.71 1.02 3.535 3.535 0 0 0-.16.34c-.04.12-.09.24-.12.36-.68 2.31.89 4.84 3.89 5.52q6.855 1.56 14.45 3.06a276.19 276.19 0 0 0 32.41-5.52c-17.94-.89-34.59-2.61-49.76-4.78zm152.91-63.44 10.25 10.98q8.58-7.365 16.54-15.49l-10.23-10.96a2.612 2.612 0 0 0-.25.23q-7.83 7.995-16.31 15.24z" fill="#f4d902"></path>
<circle fill="#e53950" r="22.5" cy="369.042" cx="276.328"></circle>
<circle fill="#00c27a" r="22.5" cy="327.45" cx="194.053"></circle>
<circle fill="#e53950" r="22.5" cy="318.588" cx="186.413"></circle>
<path d="M155.398 449.925a22.5 22.5 0 0 1-34.796 25.032 22.5 22.5 0 1 0 34.796-25.032Z" fill="#fac600"></path>
<path d="M374.64 204.92a537.51 537.51 0 0 1-117 13.19 538.681 538.681 0 0 1-105.86-10.14q-7.59-1.5-14.45-3.06c-3-.68-4.57-3.21-3.89-5.52.03-.12.08-.24.12-.36a3.535 3.535 0 0 1 .16-.34 4.263 4.263 0 0 1 .71-1.02l.02-.02 3.28-3.51L240.5 84.06l11.18-11.97a6.176 6.176 0 0 1 8.64 0l43.58 46.67 10.23 10.96 63.42 67.93c2.42 2.59.89 6.41-2.91 7.27Z" fill="#46cc8d"></path>
<path d="M374.64 204.92a537.51 537.51 0 0 1-117 13.19 538.681 538.681 0 0 1-105.86-10.14q-7.59-1.5-14.45-3.06c-3-.68-4.57-3.21-3.89-5.52.03-.12.08-.24.12-.36a3.535 3.535 0 0 1 .16-.34 4.263 4.263 0 0 1 .71-1.02 540.684 540.684 0 0 0 78.21 5.44c28.6-.08 66.39-7.53 91.83-13.41a16.884 16.884 0 0 0 8.55-27.97l-15.43-16.52-10.25-10.98-46.84-50.17 11.18-11.97a5.914 5.914 0 0 1 8.64 0l43.58 46.67 10.23 10.96 63.42 67.93c2.42 2.59.89 6.41-2.91 7.27Z" fill="#00c27a"></path>
<circle fill="#00c27a" r="22.5" cy="230.47" cx="300.735"></circle>
<circle fill="#e53950" r="22.5" cy="220.148" cx="294.064"></circle>
<path d="m259.605 9.741 9.885 20.03a4.02 4.02 0 0 0 3.027 2.199l22.104 3.212a4.02 4.02 0 0 1 2.228 6.857l-15.994 15.59a4.02 4.02 0 0 0-1.157 3.559l3.776 22.014a4.02 4.02 0 0 1-5.833 4.238l-19.77-10.393a4.02 4.02 0 0 0-3.742 0L234.36 87.44a4.02 4.02 0 0 1-5.833-4.238l3.776-22.014a4.02 4.02 0 0 0-1.157-3.558l-15.994-15.591a4.02 4.02 0 0 1 2.228-6.857l22.104-3.212a4.02 4.02 0 0 0 3.027-2.2l9.885-20.029a4.02 4.02 0 0 1 7.21 0Z" fill="#fac600"></path>
<path d="M280.306 346.9a22.489 22.489 0 0 1-21.054 36.785 22.497 22.497 0 1 0 21.054-36.785zm17.678-149.073a22.489 22.489 0 0 1-21.053 36.785 22.497 22.497 0 1 0 21.053-36.785zM190.39 296.445a22.489 22.489 0 0 1-21.053 36.785 22.497 22.497 0 1 0 21.053-36.785z" fill="#ca2e43"></path>
<path d="M230.246 73.174c1.094.087 2.196.144 3.313.144a41.522 41.522 0 0 0 41.514-40.977l-2.556-.371a4.02 4.02 0 0 1-3.027-2.2l-9.885-20.029a4.02 4.02 0 0 0-7.21 0l-9.885 20.03a4.02 4.02 0 0 1-3.027 2.199l-22.104 3.212a4.02 4.02 0 0 0-2.228 6.857l15.994 15.59a4.02 4.02 0 0 1 1.157 3.559Z" fill="#fed402"></path>
<path d="M309.005 172.364a7.5 7.5 0 1 0-7.5-7.5 7.5 7.5 0 0 0 7.5 7.5Zm32.787 98.632a7.5 7.5 0 1 0-7.5-7.5 7.5 7.5 0 0 0 7.5 7.5ZM446.57 380.73l-62.034-66.442q13.352-2.477 26.572-5.46a13.958 13.958 0 0 0 10.554-9.38 12.65 12.65 0 0 0-2.97-12.46l-65.432-70.08q11.608-2.098 23.033-4.678a12.637 12.637 0 0 0 9.411-8.412 11.461 11.461 0 0 0-2.68-11.294L288.414 91.19a11.435 11.435 0 0 0 2.451-9.258l-3.467-20.212 14.686-14.314a11.52 11.52 0 0 0-6.385-19.65l-20.294-2.948-9.075-18.389a11.52 11.52 0 0 0-20.662 0l-9.075 18.389-20.292 2.949a11.52 11.52 0 0 0-6.386 19.65L224.6 61.72l-3.467 20.21a11.436 11.436 0 0 0 2.45 9.258l-94.615 101.337a11.471 11.471 0 0 0-2.68 11.303c.025.084.066.16.094.243a7.418 7.418 0 0 0 .41 1.06 12.733 12.733 0 0 0 8.876 7.093q11.464 2.596 23.063 4.688L93.3 286.988a12.664 12.664 0 0 0-2.97 12.474 13.912 13.912 0 0 0 10.514 9.357q13.18 2.986 26.62 5.466L65.427 380.73a13.593 13.593 0 0 0-3.199 13.385c.06.196.132.386.2.578.02.057.039.114.06.17a15.144 15.144 0 0 0 11.142 9.365q30.028 6.8 60.632 11.316l.184 23.416a30 30 0 1 0 15.001-.027l-.167-21.301q34.891 4.519 70.207 6.076l.011 70.788a17.52 17.52 0 0 0 17.5 17.5h38a17.52 17.52 0 0 0 17.5-17.5v-70.778q35.274-1.547 70.218-6.083l-.167 21.298a30 30 0 1 0 15 .027l.185-23.417q30.551-4.529 60.587-11.305a15.118 15.118 0 0 0 11.448-10.14 13.574 13.574 0 0 0-3.198-13.368Zm-45.476-90.611a346.898 346.898 0 0 1-129.87-26.808 346.569 346.569 0 0 1-71.777-40.63 549.109 549.109 0 0 0 56.558 2.932c.55 0 1.107 0 1.658-.003 2.29-.007 4.594-.03 6.895-.065a29.993 29.993 0 0 0 59.472-4.166c3.812-.477 7.62-1.007 11.423-1.565Zm-122.032-69.974a15 15 0 1 1 15 15 15.017 15.017 0 0 1-15-15ZM240.56 39.388a11.517 11.517 0 0 0 8.673-6.302l6.765-13.707 6.765 13.706a11.516 11.516 0 0 0 8.674 6.303l15.126 2.198-10.947 10.67a11.518 11.518 0 0 0-3.312 10.195l2.584 15.067-13.527-7.112a11.512 11.512 0 0 0-10.723-.002l-13.53 7.114 2.584-15.067a11.52 11.52 0 0 0-3.314-10.197l-10.945-10.668Zm-91.707 153.817L244.837 90.4l11.161-5.867 11.156 5.865 31.4 33.63a251.698 251.698 0 0 1-31.351 25.758 7.5 7.5 0 1 0 8.547 12.328 266.817 266.817 0 0 0 33.04-27.121l59.437 63.66a528.643 528.643 0 0 1-47.381 8.002 29.985 29.985 0 0 0-55.19 3.865c-2.682.048-5.367.083-8.038.09q-.807.003-1.613.003a532.956 532.956 0 0 1-80.883-6.175 266.515 266.515 0 0 0 72.824-25.494 7.5 7.5 0 0 0-6.958-13.289 253.71 253.71 0 0 1-92.135 27.55Zm-42.265 101.531 67.773-72.589a362.229 362.229 0 0 0 91.084 55.005 360.646 360.646 0 0 0 97.868 25.55A691.461 691.461 0 0 1 258.1 311.08c-14.266.027-28.7-.391-42.99-1.23a29.994 29.994 0 0 0-55.122-5.46 684.293 684.293 0 0 1-53.4-9.654Zm94.823 23.848a15 15 0 1 1-15-15 15.017 15.017 0 0 1 15 15Zm-44.413 149.412a15 15 0 1 1-15-15 15.017 15.017 0 0 1 15 15Zm120.5 26.5a2.503 2.503 0 0 1-2.5 2.5h-38a2.503 2.503 0 0 1-2.5-2.5l-.01-70.264q10.75.278 21.514.288a832.61 832.61 0 0 0 21.497-.295Zm107.5-26.5a15 15 0 1 1-15-15 15.017 15.017 0 0 1 15 15Zm-126.518-58.48a814.694 814.694 0 0 1-125.93-9.384 508.569 508.569 0 0 0 62.85-7.465 7.5 7.5 0 0 0-2.697-14.756 498.364 498.364 0 0 1-111.167 7.546l63.605-68.126q5.637.896 11.281 1.708a29.994 29.994 0 0 0 59.31 5.876 711.95 711.95 0 0 0 40.272 1.168q1.071 0 2.141-.003a707.217 707.217 0 0 0 91.492-6.235 488.86 488.86 0 0 1-53.323 26.846 29.975 29.975 0 0 0-49.686 18.131 486.261 486.261 0 0 1-22.239 6.2 7.5 7.5 0 1 0 3.677 14.542 501.986 501.986 0 0 0 20.328-5.604 29.992 29.992 0 0 0 56.331-20.57 505.019 505.019 0 0 0 67.863-35.92l61.868 66.264a811.908 811.908 0 0 1-175.976 19.782Zm32.846-40.478a15 15 0 1 1-15-15 15.017 15.017 0 0 1 15 15Zm70.672-7.5a7.5 7.5 0 1 0 7.5 7.5 7.5 7.5 0 0 0-7.5-7.5Zm-180.757-91.8a7.5 7.5 0 1 0-7.5-7.5 7.5 7.5 0 0 0 7.5 7.5Zm53.257-140.52a7.5 7.5 0 1 0 7.5 7.5 7.5 7.5 0 0 0-7.5-7.5ZM146.431 357.91a7.5 7.5 0 1 0 7.5 7.5 7.5 7.5 0 0 0-7.5-7.5Z" fill="#282828"></path>
</svg>
<div class="cloud-container">
<svg preserveAspectRatio="xMidYMid meet" viewBox="0 0 50.000000 50.000000" height="20px" width="20px" xmlns="http://www.w3.org/2000/svg" version="1.0" class="cloud">
<g stroke="none" fill="#fff" transform="translate(0.000000,50.000000) scale(0.100000,-0.100000)">
<path d="M204 378 c-28 -25 -44 -32 -69 -29 -26 2 -37 -4 -54 -26 -12 -15 -35
-43 -51 -60 -32 -35 -37 -66 -18 -108 22 -49 51 -55 248 -55 l182 0 29 29 c46
46 33 119 -26 141 -15 6 -25 20 -29 44 -4 22 -19 46 -42 65 -29 26 -43 31 -84
31 -41 0 -55 -5 -86 -32z"></path>
</g>
</svg>
<svg preserveAspectRatio="xMidYMid meet" viewBox="0 0 50.000000 50.000000" height="20px" width="20px" xmlns="http://www.w3.org/2000/svg" version="1.0" class="cloud">
<g stroke="none" fill="#fff" transform="translate(0.000000,50.000000) scale(0.100000,-0.100000)">
<path d="M204 378 c-28 -25 -44 -32 -69 -29 -26 2 -37 -4 -54 -26 -12 -15 -35
-43 -51 -60 -32 -35 -37 -66 -18 -108 22 -49 51 -55 248 -55 l182 0 29 29 c46
46 33 119 -26 141 -15 6 -25 20 -29 44 -4 22 -19 46 -42 65 -29 26 -43 31 -84
31 -41 0 -55 -5 -86 -32z"></path>
</g>
</svg>
</div>
<svg height="48px" width="48px" viewBox="0 0 48 48" xmlns="http://www.w3.org/2000/svg" class="sun">
<path d="M11 11H37V37H11z" fill="#FF9800"></path>
<path transform="rotate(-45.001 24 24)" d="M11.272 11.272H36.728V36.728H11.272z" fill="#FF9800"></path>
<path d="M13,24c0,6.077,4.923,11,11,11c6.076,0,11-4.923,11-11s-4.924-11-11-11C17.923,13,13,17.923,13,24" fill="#FFEB3B"></path>
</svg>
</div>
<div class="snowflake-container">
<svg xml:space="preserve" viewBox="0 0 298 298" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" id="Capa_1" version="1.1" width="20px" height="20px" fill="#87ceeb" class="snowflake">
<g>
<path d="M289.5,140.5h-24.606l11.031-11.03c2.93-2.929,2.93-7.678,0.001-10.606c-2.929-2.929-7.678-2.93-10.606-0.001
L243.681,140.5h-36.369l16.182-17.392c2.821-3.032,2.65-7.777-0.383-10.6c-1.243-1.156-2.775-1.802-4.345-1.961
c-0.952-0.047-21.495-0.003-21.495-0.003L221.315,86.5H251.5c4.143,0,7.5-3.357,7.5-7.5s-3.357-7.5-7.5-7.5h-15.186l17.69-17.69
c2.929-2.93,2.929-7.678,0-10.608c-2.93-2.928-7.844-2.928-10.774,0L225.167,61.1V45.5c0-4.143-3.357-7.5-7.5-7.5
c-4.143,0-7.5,3.357-7.5,7.5v30.601l-24.837,25.004l-0.415-22.645c-0.001-0.036,0.035-0.07,0.034-0.106
c-0.035-1.824-0.704-3.641-2.07-5.059c-2.873-2.982-7.778-3.07-10.761-0.194l-15.951,15.226V53.107l21.47-21.304
c2.929-2.93,3.012-7.678,0.083-10.607c-2.93-2.928-7.803-2.928-10.732,0l-10.821,10.696V7.5c0-4.143-3.357-7.5-7.5-7.5
c-4.143,0-7.5,3.357-7.5,7.5v24.393l-10.53-10.696c-2.93-2.928-7.594-2.928-10.524,0c-2.929,2.93-3.054,7.678-0.125,10.607
l21.179,21.304v35.421l-16.176-15.475c-3.009-2.847-7.67-2.718-10.52,0.289c-1.075,1.136-1.683,2.52-1.914,3.955
c-0.142,0.583-0.203,1.188-0.201,1.811l-0.088,21.229l-25.1-24.944V45.5c0-4.143-3.357-7.5-7.5-7.5s-7.5,3.357-7.5,7.5v14.894
L55.142,43.202c-2.93-2.928-7.594-2.928-10.524,0c-2.929,2.93-2.887,7.678,0.042,10.608L62.392,71.5H46.5
c-4.143,0-7.5,3.357-7.5,7.5s3.357,7.5,7.5,7.5h30.892l24.744,24.744l-23.057,0.831c-4.021,0.146-7.524,3.435-7.563,7.418
c-0.004,0.112-0.349,0.225-0.349,0.337c0,0.003,0,0.007,0,0.011c0,0.008,0.345,0.017,0.345,0.024
c0.045,1.875,0.955,3.736,2.395,5.158L89.748,140.5H55.025l-21.638-21.638c-2.93-2.928-7.678-2.928-10.607,0
c-2.929,2.93-2.929,7.678,0,10.607l11.03,11.03H8.5c-4.143,0-7.5,3.357-7.5,7.5s3.357,7.5,7.5,7.5h25.02L22.78,166.239
c-2.929,2.93-2.929,7.678,0,10.607c1.465,1.464,3.385,2.196,5.304,2.196c1.919,0,3.839-0.732,5.304-2.196L54.734,155.5h35.027
l-15.253,16.394c-2.821,3.032-2.65,7.777,0.383,10.6c1.444,1.344,3.277,2.009,5.106,2.009c0.034,0,0.068-0.005,0.103-0.005
c0.022,0,0.044,0.003,0.065,0.003c0.018,0,0.037,0,0.055,0l22.005-0.125L77.101,209.5H46.5c-4.143,0-7.5,3.357-7.5,7.5
s3.357,7.5,7.5,7.5h15.601l-17.399,17.399c-2.929,2.93-2.929,7.678,0,10.607c1.465,1.464,3.385,2.196,5.304,2.196
c1.919,0,3.672-0.732,5.137-2.196l17.025-17.191V250.5c0,4.143,3.357,7.5,7.5,7.5s7.5-3.357,7.5-7.5v-30.185l25.445-25.278
l0.977,24.39c0.148,4.046,3.517,7.306,7.532,7.225c1.364-0.027,2.844-0.465,4.312-1.543c1.063-0.781,15.734-15.812,15.734-15.812
v35.385l-20.971,21.137c-2.93,2.929-2.846,7.678,0.082,10.607c1.465,1.465,3.425,2.197,5.345,2.197
c1.919,0,3.693-0.732,5.157-2.196l10.387-10.532V290.5c0,4.143,3.357,7.5,7.5,7.5c4.143,0,7.5-3.357,7.5-7.5v-25.31l11.404,11.237
c1.465,1.464,3.468,2.196,5.387,2.196c1.919,0,3.881-0.732,5.345-2.196c2.929-2.93,2.783-7.678-0.146-10.607l-21.99-21.845v-35.7
c0,0,13.729,12.896,15.896,14.976c2.167,2.08,3.942,3.25,6.525,3.25c0.015,0,0.03,0,0.046,0c4.142,0,7.48-3.604,7.455-7.746
l-0.306-23.696l24.384,24.551V250.5c0,4.143,3.357,7.5,7.5,7.5c4.143,0,7.5-3.357,7.5-7.5v-15.891l18.064,17.897
c1.465,1.464,3.467,2.196,5.387,2.196c1.919,0,3.88-0.732,5.345-2.196c2.929-2.93,2.95-7.678,0.021-10.607L236.605,224.5H251.5
c4.143,0,7.5-3.357,7.5-7.5s-3.357-7.5-7.5-7.5h-29.894l-25.742-25.742l23.059-0.831c0.082-0.003,0.162-0.016,0.243-0.021
c0.03-0.002,0.06-0.005,0.09-0.008c3.977-0.319,7.037-3.709,6.892-7.736c-0.087-2.424-1.32-4.531-3.155-5.837L209.138,155.5h34.835
l21.345,21.346c1.465,1.465,3.384,2.197,5.304,2.197c1.919,0,3.839-0.732,5.303-2.196c2.93-2.929,2.93-7.678,0.001-10.606
l-10.74-10.74H289.5c4.143,0,7.5-3.357,7.5-7.5S293.643,140.5,289.5,140.5z M200.795,125.483L186.823,140.5h-19.507l15.002-15.002
L200.795,125.483z M170.21,95.784l0.356,20.002l-14.399,14.315V109.16L170.21,95.784z M127.263,95.865l13.904,13.323v20.205
l-13.925-14.008L127.263,95.865z M96.862,126.444l19.762-0.712l14.768,14.768h-20.299L96.862,126.444z M97.246,169.477
L110.25,155.5h20.851l-13.841,13.841L97.246,169.477z M127.863,201.599l-0.854-21.042l14.158-14.241v21.604L127.863,201.599z
M170.819,201.264l-14.652-13.478v-22.179l14.442,14.359L170.819,201.264z M200.991,168.564l-19.614,0.706l-13.77-13.77h20.292
L200.991,168.564z"></path>
</g>
</svg>
<svg xml:space="preserve" viewBox="0 0 298 298" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" id="Capa_1" version="1.1" width="20px" height="20px" fill="#87ceeb" class="snowflake">
<g>
<path d="M289.5,140.5h-24.606l11.031-11.03c2.93-2.929,2.93-7.678,0.001-10.606c-2.929-2.929-7.678-2.93-10.606-0.001
L243.681,140.5h-36.369l16.182-17.392c2.821-3.032,2.65-7.777-0.383-10.6c-1.243-1.156-2.775-1.802-4.345-1.961
c-0.952-0.047-21.495-0.003-21.495-0.003L221.315,86.5H251.5c4.143,0,7.5-3.357,7.5-7.5s-3.357-7.5-7.5-7.5h-15.186l17.69-17.69
c2.929-2.93,2.929-7.678,0-10.608c-2.93-2.928-7.844-2.928-10.774,0L225.167,61.1V45.5c0-4.143-3.357-7.5-7.5-7.5
c-4.143,0-7.5,3.357-7.5,7.5v30.601l-24.837,25.004l-0.415-22.645c-0.001-0.036,0.035-0.07,0.034-0.106
c-0.035-1.824-0.704-3.641-2.07-5.059c-2.873-2.982-7.778-3.07-10.761-0.194l-15.951,15.226V53.107l21.47-21.304
c2.929-2.93,3.012-7.678,0.083-10.607c-2.93-2.928-7.803-2.928-10.732,0l-10.821,10.696V7.5c0-4.143-3.357-7.5-7.5-7.5
c-4.143,0-7.5,3.357-7.5,7.5v24.393l-10.53-10.696c-2.93-2.928-7.594-2.928-10.524,0c-2.929,2.93-3.054,7.678-0.125,10.607
l21.179,21.304v35.421l-16.176-15.475c-3.009-2.847-7.67-2.718-10.52,0.289c-1.075,1.136-1.683,2.52-1.914,3.955
c-0.142,0.583-0.203,1.188-0.201,1.811l-0.088,21.229l-25.1-24.944V45.5c0-4.143-3.357-7.5-7.5-7.5s-7.5,3.357-7.5,7.5v14.894
L55.142,43.202c-2.93-2.928-7.594-2.928-10.524,0c-2.929,2.93-2.887,7.678,0.042,10.608L62.392,71.5H46.5
c-4.143,0-7.5,3.357-7.5,7.5s3.357,7.5,7.5,7.5h30.892l24.744,24.744l-23.057,0.831c-4.021,0.146-7.524,3.435-7.563,7.418
c-0.004,0.112-0.349,0.225-0.349,0.337c0,0.003,0,0.007,0,0.011c0,0.008,0.345,0.017,0.345,0.024
c0.045,1.875,0.955,3.736,2.395,5.158L89.748,140.5H55.025l-21.638-21.638c-2.93-2.928-7.678-2.928-10.607,0
c-2.929,2.93-2.929,7.678,0,10.607l11.03,11.03H8.5c-4.143,0-7.5,3.357-7.5,7.5s3.357,7.5,7.5,7.5h25.02L22.78,166.239
c-2.929,2.93-2.929,7.678,0,10.607c1.465,1.464,3.385,2.196,5.304,2.196c1.919,0,3.839-0.732,5.304-2.196L54.734,155.5h35.027
l-15.253,16.394c-2.821,3.032-2.65,7.777,0.383,10.6c1.444,1.344,3.277,2.009,5.106,2.009c0.034,0,0.068-0.005,0.103-0.005
c0.022,0,0.044,0.003,0.065,0.003c0.018,0,0.037,0,0.055,0l22.005-0.125L77.101,209.5H46.5c-4.143,0-7.5,3.357-7.5,7.5
s3.357,7.5,7.5,7.5h15.601l-17.399,17.399c-2.929,2.93-2.929,7.678,0,10.607c1.465,1.464,3.385,2.196,5.304,2.196
c1.919,0,3.672-0.732,5.137-2.196l17.025-17.191V250.5c0,4.143,3.357,7.5,7.5,7.5s7.5-3.357,7.5-7.5v-30.185l25.445-25.278
l0.977,24.39c0.148,4.046,3.517,7.306,7.532,7.225c1.364-0.027,2.844-0.465,4.312-1.543c1.063-0.781,15.734-15.812,15.734-15.812
v35.385l-20.971,21.137c-2.93,2.929-2.846,7.678,0.082,10.607c1.465,1.465,3.425,2.197,5.345,2.197
c1.919,0,3.693-0.732,5.157-2.196l10.387-10.532V290.5c0,4.143,3.357,7.5,7.5,7.5c4.143,0,7.5-3.357,7.5-7.5v-25.31l11.404,11.237
c1.465,1.464,3.468,2.196,5.387,2.196c1.919,0,3.881-0.732,5.345-2.196c2.929-2.93,2.783-7.678-0.146-10.607l-21.99-21.845v-35.7
c0,0,13.729,12.896,15.896,14.976c2.167,2.08,3.942,3.25,6.525,3.25c0.015,0,0.03,0,0.046,0c4.142,0,7.48-3.604,7.455-7.746
l-0.306-23.696l24.384,24.551V250.5c0,4.143,3.357,7.5,7.5,7.5c4.143,0,7.5-3.357,7.5-7.5v-15.891l18.064,17.897
c1.465,1.464,3.467,2.196,5.387,2.196c1.919,0,3.88-0.732,5.345-2.196c2.929-2.93,2.95-7.678,0.021-10.607L236.605,224.5H251.5
c4.143,0,7.5-3.357,7.5-7.5s-3.357-7.5-7.5-7.5h-29.894l-25.742-25.742l23.059-0.831c0.082-0.003,0.162-0.016,0.243-0.021
c0.03-0.002,0.06-0.005,0.09-0.008c3.977-0.319,7.037-3.709,6.892-7.736c-0.087-2.424-1.32-4.531-3.155-5.837L209.138,155.5h34.835
l21.345,21.346c1.465,1.465,3.384,2.197,5.304,2.197c1.919,0,3.839-0.732,5.303-2.196c2.93-2.929,2.93-7.678,0.001-10.606
l-10.74-10.74H289.5c4.143,0,7.5-3.357,7.5-7.5S293.643,140.5,289.5,140.5z M200.795,125.483L186.823,140.5h-19.507l15.002-15.002
L200.795,125.483z M170.21,95.784l0.356,20.002l-14.399,14.315V109.16L170.21,95.784z M127.263,95.865l13.904,13.323v20.205
l-13.925-14.008L127.263,95.865z M96.862,126.444l19.762-0.712l14.768,14.768h-20.299L96.862,126.444z M97.246,169.477
L110.25,155.5h20.851l-13.841,13.841L97.246,169.477z M127.863,201.599l-0.854-21.042l14.158-14.241v21.604L127.863,201.599z
M170.819,201.264l-14.652-13.478v-22.179l14.442,14.359L170.819,201.264z M200.991,168.564l-19.614,0.706l-13.77-13.77h20.292
L200.991,168.564z"></path>
</g>
</svg>
<svg xml:space="preserve" viewBox="0 0 298 298" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" id="Capa_1" version="1.1" width="20px" height="20px" fill="#87ceeb" class="snowflake">
<g>
<path d="M289.5,140.5h-24.606l11.031-11.03c2.93-2.929,2.93-7.678,0.001-10.606c-2.929-2.929-7.678-2.93-10.606-0.001
L243.681,140.5h-36.369l16.182-17.392c2.821-3.032,2.65-7.777-0.383-10.6c-1.243-1.156-2.775-1.802-4.345-1.961
c-0.952-0.047-21.495-0.003-21.495-0.003L221.315,86.5H251.5c4.143,0,7.5-3.357,7.5-7.5s-3.357-7.5-7.5-7.5h-15.186l17.69-17.69
c2.929-2.93,2.929-7.678,0-10.608c-2.93-2.928-7.844-2.928-10.774,0L225.167,61.1V45.5c0-4.143-3.357-7.5-7.5-7.5
c-4.143,0-7.5,3.357-7.5,7.5v30.601l-24.837,25.004l-0.415-22.645c-0.001-0.036,0.035-0.07,0.034-0.106
c-0.035-1.824-0.704-3.641-2.07-5.059c-2.873-2.982-7.778-3.07-10.761-0.194l-15.951,15.226V53.107l21.47-21.304
c2.929-2.93,3.012-7.678,0.083-10.607c-2.93-2.928-7.803-2.928-10.732,0l-10.821,10.696V7.5c0-4.143-3.357-7.5-7.5-7.5
c-4.143,0-7.5,3.357-7.5,7.5v24.393l-10.53-10.696c-2.93-2.928-7.594-2.928-10.524,0c-2.929,2.93-3.054,7.678-0.125,10.607
l21.179,21.304v35.421l-16.176-15.475c-3.009-2.847-7.67-2.718-10.52,0.289c-1.075,1.136-1.683,2.52-1.914,3.955
c-0.142,0.583-0.203,1.188-0.201,1.811l-0.088,21.229l-25.1-24.944V45.5c0-4.143-3.357-7.5-7.5-7.5s-7.5,3.357-7.5,7.5v14.894
L55.142,43.202c-2.93-2.928-7.594-2.928-10.524,0c-2.929,2.93-2.887,7.678,0.042,10.608L62.392,71.5H46.5
c-4.143,0-7.5,3.357-7.5,7.5s3.357,7.5,7.5,7.5h30.892l24.744,24.744l-23.057,0.831c-4.021,0.146-7.524,3.435-7.563,7.418
c-0.004,0.112-0.349,0.225-0.349,0.337c0,0.003,0,0.007,0,0.011c0,0.008,0.345,0.017,0.345,0.024
c0.045,1.875,0.955,3.736,2.395,5.158L89.748,140.5H55.025l-21.638-21.638c-2.93-2.928-7.678-2.928-10.607,0
c-2.929,2.93-2.929,7.678,0,10.607l11.03,11.03H8.5c-4.143,0-7.5,3.357-7.5,7.5s3.357,7.5,7.5,7.5h25.02L22.78,166.239
c-2.929,2.93-2.929,7.678,0,10.607c1.465,1.464,3.385,2.196,5.304,2.196c1.919,0,3.839-0.732,5.304-2.196L54.734,155.5h35.027
l-15.253,16.394c-2.821,3.032-2.65,7.777,0.383,10.6c1.444,1.344,3.277,2.009,5.106,2.009c0.034,0,0.068-0.005,0.103-0.005
c0.022,0,0.044,0.003,0.065,0.003c0.018,0,0.037,0,0.055,0l22.005-0.125L77.101,209.5H46.5c-4.143,0-7.5,3.357-7.5,7.5
s3.357,7.5,7.5,7.5h15.601l-17.399,17.399c-2.929,2.93-2.929,7.678,0,10.607c1.465,1.464,3.385,2.196,5.304,2.196
c1.919,0,3.672-0.732,5.137-2.196l17.025-17.191V250.5c0,4.143,3.357,7.5,7.5,7.5s7.5-3.357,7.5-7.5v-30.185l25.445-25.278
l0.977,24.39c0.148,4.046,3.517,7.306,7.532,7.225c1.364-0.027,2.844-0.465,4.312-1.543c1.063-0.781,15.734-15.812,15.734-15.812
v35.385l-20.971,21.137c-2.93,2.929-2.846,7.678,0.082,10.607c1.465,1.465,3.425,2.197,5.345,2.197
c1.919,0,3.693-0.732,5.157-2.196l10.387-10.532V290.5c0,4.143,3.357,7.5,7.5,7.5c4.143,0,7.5-3.357,7.5-7.5v-25.31l11.404,11.237
c1.465,1.464,3.468,2.196,5.387,2.196c1.919,0,3.881-0.732,5.345-2.196c2.929-2.93,2.783-7.678-0.146-10.607l-21.99-21.845v-35.7
c0,0,13.729,12.896,15.896,14.976c2.167,2.08,3.942,3.25,6.525,3.25c0.015,0,0.03,0,0.046,0c4.142,0,7.48-3.604,7.455-7.746
l-0.306-23.696l24.384,24.551V250.5c0,4.143,3.357,7.5,7.5,7.5c4.143,0,7.5-3.357,7.5-7.5v-15.891l18.064,17.897
c1.465,1.464,3.467,2.196,5.387,2.196c1.919,0,3.88-0.732,5.345-2.196c2.929-2.93,2.95-7.678,0.021-10.607L236.605,224.5H251.5
c4.143,0,7.5-3.357,7.5-7.5s-3.357-7.5-7.5-7.5h-29.894l-25.742-25.742l23.059-0.831c0.082-0.003,0.162-0.016,0.243-0.021
c0.03-0.002,0.06-0.005,0.09-0.008c3.977-0.319,7.037-3.709,6.892-7.736c-0.087-2.424-1.32-4.531-3.155-5.837L209.138,155.5h34.835
l21.345,21.346c1.465,1.465,3.384,2.197,5.304,2.197c1.919,0,3.839-0.732,5.303-2.196c2.93-2.929,2.93-7.678,0.001-10.606
l-10.74-10.74H289.5c4.143,0,7.5-3.357,7.5-7.5S293.643,140.5,289.5,140.5z M200.795,125.483L186.823,140.5h-19.507l15.002-15.002
L200.795,125.483z M170.21,95.784l0.356,20.002l-14.399,14.315V109.16L170.21,95.784z M127.263,95.865l13.904,13.323v20.205
l-13.925-14.008L127.263,95.865z M96.862,126.444l19.762-0.712l14.768,14.768h-20.299L96.862,126.444z M97.246,169.477
L110.25,155.5h20.851l-13.841,13.841L97.246,169.477z M127.863,201.599l-0.854-21.042l14.158-14.241v21.604L127.863,201.599z
M170.819,201.264l-14.652-13.478v-22.179l14.442,14.359L170.819,201.264z M200.991,168.564l-19.614,0.706l-13.77-13.77h20.292
L200.991,168.564z"></path>
</g>
</svg>
<svg xml:space="preserve" viewBox="0 0 298 298" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" id="Capa_1" version="1.1" width="20px" height="20px" fill="#87ceeb" class="snowflake">
<g>
<path d="M289.5,140.5h-24.606l11.031-11.03c2.93-2.929,2.93-7.678,0.001-10.606c-2.929-2.929-7.678-2.93-10.606-0.001
L243.681,140.5h-36.369l16.182-17.392c2.821-3.032,2.65-7.777-0.383-10.6c-1.243-1.156-2.775-1.802-4.345-1.961
c-0.952-0.047-21.495-0.003-21.495-0.003L221.315,86.5H251.5c4.143,0,7.5-3.357,7.5-7.5s-3.357-7.5-7.5-7.5h-15.186l17.69-17.69
c2.929-2.93,2.929-7.678,0-10.608c-2.93-2.928-7.844-2.928-10.774,0L225.167,61.1V45.5c0-4.143-3.357-7.5-7.5-7.5
c-4.143,0-7.5,3.357-7.5,7.5v30.601l-24.837,25.004l-0.415-22.645c-0.001-0.036,0.035-0.07,0.034-0.106
c-0.035-1.824-0.704-3.641-2.07-5.059c-2.873-2.982-7.778-3.07-10.761-0.194l-15.951,15.226V53.107l21.47-21.304
c2.929-2.93,3.012-7.678,0.083-10.607c-2.93-2.928-7.803-2.928-10.732,0l-10.821,10.696V7.5c0-4.143-3.357-7.5-7.5-7.5
c-4.143,0-7.5,3.357-7.5,7.5v24.393l-10.53-10.696c-2.93-2.928-7.594-2.928-10.524,0c-2.929,2.93-3.054,7.678-0.125,10.607
l21.179,21.304v35.421l-16.176-15.475c-3.009-2.847-7.67-2.718-10.52,0.289c-1.075,1.136-1.683,2.52-1.914,3.955
c-0.142,0.583-0.203,1.188-0.201,1.811l-0.088,21.229l-25.1-24.944V45.5c0-4.143-3.357-7.5-7.5-7.5s-7.5,3.357-7.5,7.5v14.894
L55.142,43.202c-2.93-2.928-7.594-2.928-10.524,0c-2.929,2.93-2.887,7.678,0.042,10.608L62.392,71.5H46.5
c-4.143,0-7.5,3.357-7.5,7.5s3.357,7.5,7.5,7.5h30.892l24.744,24.744l-23.057,0.831c-4.021,0.146-7.524,3.435-7.563,7.418
c-0.004,0.112-0.349,0.225-0.349,0.337c0,0.003,0,0.007,0,0.011c0,0.008,0.345,0.017,0.345,0.024
c0.045,1.875,0.955,3.736,2.395,5.158L89.748,140.5H55.025l-21.638-21.638c-2.93-2.928-7.678-2.928-10.607,0
c-2.929,2.93-2.929,7.678,0,10.607l11.03,11.03H8.5c-4.143,0-7.5,3.357-7.5,7.5s3.357,7.5,7.5,7.5h25.02L22.78,166.239
c-2.929,2.93-2.929,7.678,0,10.607c1.465,1.464,3.385,2.196,5.304,2.196c1.919,0,3.839-0.732,5.304-2.196L54.734,155.5h35.027
l-15.253,16.394c-2.821,3.032-2.65,7.777,0.383,10.6c1.444,1.344,3.277,2.009,5.106,2.009c0.034,0,0.068-0.005,0.103-0.005
c0.022,0,0.044,0.003,0.065,0.003c0.018,0,0.037,0,0.055,0l22.005-0.125L77.101,209.5H46.5c-4.143,0-7.5,3.357-7.5,7.5
s3.357,7.5,7.5,7.5h15.601l-17.399,17.399c-2.929,2.93-2.929,7.678,0,10.607c1.465,1.464,3.385,2.196,5.304,2.196
c1.919,0,3.672-0.732,5.137-2.196l17.025-17.191V250.5c0,4.143,3.357,7.5,7.5,7.5s7.5-3.357,7.5-7.5v-30.185l25.445-25.278
l0.977,24.39c0.148,4.046,3.517,7.306,7.532,7.225c1.364-0.027,2.844-0.465,4.312-1.543c1.063-0.781,15.734-15.812,15.734-15.812
v35.385l-20.971,21.137c-2.93,2.929-2.846,7.678,0.082,10.607c1.465,1.465,3.425,2.197,5.345,2.197
c1.919,0,3.693-0.732,5.157-2.196l10.387-10.532V290.5c0,4.143,3.357,7.5,7.5,7.5c4.143,0,7.5-3.357,7.5-7.5v-25.31l11.404,11.237
c1.465,1.464,3.468,2.196,5.387,2.196c1.919,0,3.881-0.732,5.345-2.196c2.929-2.93,2.783-7.678-0.146-10.607l-21.99-21.845v-35.7
c0,0,13.729,12.896,15.896,14.976c2.167,2.08,3.942,3.25,6.525,3.25c0.015,0,0.03,0,0.046,0c4.142,0,7.48-3.604,7.455-7.746
l-0.306-23.696l24.384,24.551V250.5c0,4.143,3.357,7.5,7.5,7.5c4.143,0,7.5-3.357,7.5-7.5v-15.891l18.064,17.897
c1.465,1.464,3.467,2.196,5.387,2.196c1.919,0,3.88-0.732,5.345-2.196c2.929-2.93,2.95-7.678,0.021-10.607L236.605,224.5H251.5
c4.143,0,7.5-3.357,7.5-7.5s-3.357-7.5-7.5-7.5h-29.894l-25.742-25.742l23.059-0.831c0.082-0.003,0.162-0.016,0.243-0.021
c0.03-0.002,0.06-0.005,0.09-0.008c3.977-0.319,7.037-3.709,6.892-7.736c-0.087-2.424-1.32-4.531-3.155-5.837L209.138,155.5h34.835
l21.345,21.346c1.465,1.465,3.384,2.197,5.304,2.197c1.919,0,3.839-0.732,5.303-2.196c2.93-2.929,2.93-7.678,0.001-10.606
l-10.74-10.74H289.5c4.143,0,7.5-3.357,7.5-7.5S293.643,140.5,289.5,140.5z M200.795,125.483L186.823,140.5h-19.507l15.002-15.002
L200.795,125.483z M170.21,95.784l0.356,20.002l-14.399,14.315V109.16L170.21,95.784z M127.263,95.865l13.904,13.323v20.205
l-13.925-14.008L127.263,95.865z M96.862,126.444l19.762-0.712l14.768,14.768h-20.299L96.862,126.444z M97.246,169.477
L110.25,155.5h20.851l-13.841,13.841L97.246,169.477z M127.863,201.599l-0.854-21.042l14.158-14.241v21.604L127.863,201.599z
M170.819,201.264l-14.652-13.478v-22.179l14.442,14.359L170.819,201.264z M200.991,168.564l-19.614,0.706l-13.77-13.77h20.292
L200.991,168.564z"></path>
</g>
</svg>
<svg xml:space="preserve" viewBox="0 0 298 298" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" id="Capa_1" version="1.1" width="20px" height="20px" fill="#87ceeb" class="snowflake">
<g>
<path d="M289.5,140.5h-24.606l11.031-11.03c2.93-2.929,2.93-7.678,0.001-10.606c-2.929-2.929-7.678-2.93-10.606-0.001
L243.681,140.5h-36.369l16.182-17.392c2.821-3.032,2.65-7.777-0.383-10.6c-1.243-1.156-2.775-1.802-4.345-1.961
c-0.952-0.047-21.495-0.003-21.495-0.003L221.315,86.5H251.5c4.143,0,7.5-3.357,7.5-7.5s-3.357-7.5-7.5-7.5h-15.186l17.69-17.69
c2.929-2.93,2.929-7.678,0-10.608c-2.93-2.928-7.844-2.928-10.774,0L225.167,61.1V45.5c0-4.143-3.357-7.5-7.5-7.5
c-4.143,0-7.5,3.357-7.5,7.5v30.601l-24.837,25.004l-0.415-22.645c-0.001-0.036,0.035-0.07,0.034-0.106
c-0.035-1.824-0.704-3.641-2.07-5.059c-2.873-2.982-7.778-3.07-10.761-0.194l-15.951,15.226V53.107l21.47-21.304
c2.929-2.93,3.012-7.678,0.083-10.607c-2.93-2.928-7.803-2.928-10.732,0l-10.821,10.696V7.5c0-4.143-3.357-7.5-7.5-7.5
c-4.143,0-7.5,3.357-7.5,7.5v24.393l-10.53-10.696c-2.93-2.928-7.594-2.928-10.524,0c-2.929,2.93-3.054,7.678-0.125,10.607
l21.179,21.304v35.421l-16.176-15.475c-3.009-2.847-7.67-2.718-10.52,0.289c-1.075,1.136-1.683,2.52-1.914,3.955
c-0.142,0.583-0.203,1.188-0.201,1.811l-0.088,21.229l-25.1-24.944V45.5c0-4.143-3.357-7.5-7.5-7.5s-7.5,3.357-7.5,7.5v14.894
L55.142,43.202c-2.93-2.928-7.594-2.928-10.524,0c-2.929,2.93-2.887,7.678,0.042,10.608L62.392,71.5H46.5
c-4.143,0-7.5,3.357-7.5,7.5s3.357,7.5,7.5,7.5h30.892l24.744,24.744l-23.057,0.831c-4.021,0.146-7.524,3.435-7.563,7.418
c-0.004,0.112-0.349,0.225-0.349,0.337c0,0.003,0,0.007,0,0.011c0,0.008,0.345,0.017,0.345,0.024
c0.045,1.875,0.955,3.736,2.395,5.158L89.748,140.5H55.025l-21.638-21.638c-2.93-2.928-7.678-2.928-10.607,0
c-2.929,2.93-2.929,7.678,0,10.607l11.03,11.03H8.5c-4.143,0-7.5,3.357-7.5,7.5s3.357,7.5,7.5,7.5h25.02L22.78,166.239
c-2.929,2.93-2.929,7.678,0,10.607c1.465,1.464,3.385,2.196,5.304,2.196c1.919,0,3.839-0.732,5.304-2.196L54.734,155.5h35.027
l-15.253,16.394c-2.821,3.032-2.65,7.777,0.383,10.6c1.444,1.344,3.277,2.009,5.106,2.009c0.034,0,0.068-0.005,0.103-0.005
c0.022,0,0.044,0.003,0.065,0.003c0.018,0,0.037,0,0.055,0l22.005-0.125L77.101,209.5H46.5c-4.143,0-7.5,3.357-7.5,7.5
s3.357,7.5,7.5,7.5h15.601l-17.399,17.399c-2.929,2.93-2.929,7.678,0,10.607c1.465,1.464,3.385,2.196,5.304,2.196
c1.919,0,3.672-0.732,5.137-2.196l17.025-17.191V250.5c0,4.143,3.357,7.5,7.5,7.5s7.5-3.357,7.5-7.5v-30.185l25.445-25.278
l0.977,24.39c0.148,4.046,3.517,7.306,7.532,7.225c1.364-0.027,2.844-0.465,4.312-1.543c1.063-0.781,15.734-15.812,15.734-15.812
v35.385l-20.971,21.137c-2.93,2.929-2.846,7.678,0.082,10.607c1.465,1.465,3.425,2.197,5.345,2.197
c1.919,0,3.693-0.732,5.157-2.196l10.387-10.532V290.5c0,4.143,3.357,7.5,7.5,7.5c4.143,0,7.5-3.357,7.5-7.5v-25.31l11.404,11.237
c1.465,1.464,3.468,2.196,5.387,2.196c1.919,0,3.881-0.732,5.345-2.196c2.929-2.93,2.783-7.678-0.146-10.607l-21.99-21.845v-35.7
c0,0,13.729,12.896,15.896,14.976c2.167,2.08,3.942,3.25,6.525,3.25c0.015,0,0.03,0,0.046,0c4.142,0,7.48-3.604,7.455-7.746
l-0.306-23.696l24.384,24.551V250.5c0,4.143,3.357,7.5,7.5,7.5c4.143,0,7.5-3.357,7.5-7.5v-15.891l18.064,17.897
c1.465,1.464,3.467,2.196,5.387,2.196c1.919,0,3.88-0.732,5.345-2.196c2.929-2.93,2.95-7.678,0.021-10.607L236.605,224.5H251.5
c4.143,0,7.5-3.357,7.5-7.5s-3.357-7.5-7.5-7.5h-29.894l-25.742-25.742l23.059-0.831c0.082-0.003,0.162-0.016,0.243-0.021
c0.03-0.002,0.06-0.005,0.09-0.008c3.977-0.319,7.037-3.709,6.892-7.736c-0.087-2.424-1.32-4.531-3.155-5.837L209.138,155.5h34.835
l21.345,21.346c1.465,1.465,3.384,2.197,5.304,2.197c1.919,0,3.839-0.732,5.303-2.196c2.93-2.929,2.93-7.678,0.001-10.606
l-10.74-10.74H289.5c4.143,0,7.5-3.357,7.5-7.5S293.643,140.5,289.5,140.5z M200.795,125.483L186.823,140.5h-19.507l15.002-15.002
L200.795,125.483z M170.21,95.784l0.356,20.002l-14.399,14.315V109.16L170.21,95.784z M127.263,95.865l13.904,13.323v20.205
l-13.925-14.008L127.263,95.865z M96.862,126.444l19.762-0.712l14.768,14.768h-20.299L96.862,126.444z M97.246,169.477
L110.25,155.5h20.851l-13.841,13.841L97.246,169.477z M127.863,201.599l-0.854-21.042l14.158-14.241v21.604L127.863,201.599z
M170.819,201.264l-14.652-13.478v-22.179l14.442,14.359L170.819,201.264z M200.991,168.564l-19.614,0.706l-13.77-13.77h20.292
L200.991,168.564z"></path>
</g>
</svg>
</div>
<svg id="santa" viewBox="0 0 512 512" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" class="santa">
<path d="M430.47 234.67A36.27 36.27 0 01441.1 218c1.16-1 2.36-2 3.5-3 .12-.15.33-.39.64-.71a5.92 5.92 0 00.57-1c2.07-4.68 7.37-7.73 12-9.24l.36-.09C447 174.16 446.59 154 446.59 143.49c0-11.2 7.15-39.42 2.44-52.11s-28.69-35.34-34.5-39S414.42 17.8 365.6 10c-71.19-11.32-130.47 26.3-130.47 26.3 33.12-2.92 108.38 35.85 134.24 58.76s29 90.76 33.1 119 26.95 25 26.95 25a7.64 7.64 0 01.34-.71A16.26 16.26 0 01430.47 234.67zM492.88 504.08a73.76 73.76 0 001.67-10.37c3.21-31.86-8.59-144-8.59-144S474.76 310 456.7 307.47s-44.12-17-44.12-17S358 264.89 266.37 279.21 145.65 300.8 129.13 319.3s-64 79.13-71.37 103.09c-5.63 18.22-13.81 61.85-17.4 81.69z" fill="#e21921"></path>
<path d="M355.68,464.83c2.36-24.37,6.78-48.18,7.89-72.63-9.44,10.63-23.16,28.67-27.5,47.75-5.61,24.62-10.21,54.25-11.68,64.13h29.89C354.84,491,354.42,477.86,355.68,464.83Z" fill="#d30515"></path>
<path d="M198.36,111.77s6.87,8.67,6.09,22.68,3.58,21.21-16.81,30.6-23.12,16.35-22.12,21.2,47,31.93,80.78,37.81,82.15-4,82.15-4l21.38-14.34L365.36,183l-12.74-39.6-51.83-39.23L244.09,79.7Z" fill="#f9beae"></path>
<path d="M205.49,136.08S224.74,109,252.09,114s52.18,45.16,52.18,45.16,17.05,29.39,47.59,31.53l-11.44-11.91s-21.77-28.64-27-35.87-40.9-46-68.05-47.69-43.43,23.3-43.43,23.3Z" fill="#eaa292"></path>
<path d="M77.78,504.08c4.48-21.73,10.66-51.5,14-66,9.59-42.39,54.83-84.62,71.38-103.12s45.6-25.75,137.23-40.09,146.21,11.29,146.21,11.29a218.36,218.36,0,0,0,24.13,11.25c-4-5.19-8.68-9.15-14-9.9-18-2.54-44.13-17-44.13-17S358,264.88,266.39,279.22s-120.75,21.59-137.26,40.09-64,79.11-71.39,103.08c-5.6,18.23-13.79,61.84-17.39,81.69Z" fill="#d30515"></path>
<path d="M399.61,349.7c19.92,27.73,11.8,104.42,8.59,136.27a165.84,165.84,0,0,1-2.77,18.11H493a90.05,90.05,0,0,0,1.58-10.36c3.21-31.85-8.59-144-8.59-144s-3.23-52.94-78.6-70.56c-35.69-8.34-49.36-14.26-141,.08q-5.42.84-10.58,1.67c40.29,9.19,59.86,29.43,59.86,29.43S386.1,330.88,399.61,349.7Z" fill="#d30515"></path>
<path d="M94.83,255.09s15,52.53-18,56.37S33.28,258,29.19,252.84,21,246.46,16.9,263,10.66,327,46.4,349.34s57.17,5.37,63.73-5.38,3.24-33.52,4.18-41.45C117.9,272.21,100.72,245.11,94.83,255.09Z" fill="#e6e6e6"></path>
<path d="M106.59,344c-6.58,10.78-24.45,27.69-60.18,5.39-35.33-22-33.63-68.77-29.63-85.8.24,21,6.77,48.8,31.65,64.33,35.77,22.3,53.64,5.39,60.22-5.39A42.52,42.52,0,0,0,113.24,310C113.76,320.3,111.5,335.87,106.59,344Z" fill="#dbdbdb"></path>
<path d="M29.19,252.84s12.24,56.59,35.23,60.32,31.36-4.26,34.46-21.48-4-36.59-4-36.59-7,29-28.75,20.58A123,123,0,0,1,29.19,252.84Z" fill="#f9beae"></path>
<path d="M99.65,280.61A76.36,76.36,0,0,0,97,271s-7,29-28.76,20.6a124.82,124.82,0,0,1-33.91-20.2,168.35,168.35,0,0,1-5.11-18.58,123.06,123.06,0,0,0,36.88,22.82C87.85,284,94.82,255.1,94.82,255.1A88.74,88.74,0,0,1,99.65,280.61Z" fill="#f9beae"></path>
<path d="M101.32,254.47s20,55.87,6.68,92.11c0,0,13.72-16.41,25.39-31.53s2.46-78.74,2.46-78.74S121.38,262.11,101.32,254.47Z" fill="#e21921"></path>
<path d="M66.47,168.29s-19.91-19-33.67-12.08-14.18,22.27-14.18,22.27-8,16.43-1.32,31.49,6.09,26.34,6.09,26.34,2.24,16.1,6.91,18.39,15.68,14,23.52,16.59S74.55,285.54,84,277.11s11-21.34,11-21.34L100.56,228,99,212a67.7,67.7,0,0,0,2.82-41.17s17.37-40.63,2.78-49.89c-13-8.23-23.48-2.1-28.81,7.62s-4.39,33.27-4.39,33.27v6.38Z" fill="#f9beae"></path>
<path d="M291.79 185.13c-10.45 0-18.94-10.44-18.94-23.26s8.49-23.27 18.94-23.27 18.94 10.44 18.94 23.27S302.23 185.13 291.79 185.13zM229.69 174.69a5.94 5.94 0 01-1.35-.15c-8.9-2-15.38-11.64-15.38-22.83 0-13.05 8.35-23.28 19-23.28 10.44 0 18.93 10.45 18.93 23.28a25.78 25.78 0 01-6.66 17.74 6 6 0 01-8.63 0 5 5 0 01-.1.56A6 6 0 01229.69 174.69z" fill="#f4efca"></path>
<path d="M243.79 265a68.76 68.76 0 01-23.57-4.64 7.33 7.33 0 01-1-13.14c12.84-7.52 8-21.26 7.75-21.84a4 4 0 117.44-2.74c2.54 6.91 3.56 22-10.15 30.78 5.18 1.89 21 6.79 32.91.87 5.89-2.93 9.95-8.29 12.07-15.93a4 4 0 117.64 2.12c-2.75 9.89-8.19 16.93-16.18 20.9A37.82 37.82 0 01243.79 265zM430.27 243.14h-.08a4 4 0 114-4A3.93 3.93 0 01430.27 243.14zM461.41 218.18a4 4 0 112.83-6.85 4.38 4.38 0 011.13 2.89A4 4 0 01461.41 218.18z" fill="#e44332"></path>
<path d="M390.78,100.17C371.26,73.05,295.9,25.48,237.1,35.63c0,0-34.66,11-41.15,39.2s-6,41.14,1.8,42.44,13.51-6.13,21.18-10.55c35.47-20.45,75.23,15.94,80.49,26.63s62.89,82.53,100.05,67.26C399.47,200.61,410.3,127.29,390.78,100.17Z" fill="#e6e6e6"></path>
<path d="M402,173.65c-.87,15.06-.26,29.08-.26,29.08-37.15,15.29-97.09-58.67-102.31-69.36s-45.05-47.11-80.5-26.66c-7.68,4.43-13.35,11.84-21.19,10.57s-8.28-14.22-1.79-42.46a39.68,39.68,0,0,1,3.85-10.14C197.34,81,199,88.76,205,89.75c7.8,1.27,13.5-6.14,21.19-10.58,35.45-20.44,75.23,16,80.5,26.66C311.71,116.09,364.88,181.62,402,173.65Z" fill="#ccc"></path>
<path d="M408.62,220.06s12,35.19-5.76,62.54c0,0-2.11-22.24-8.62-26.13,0,0-29.4,63.89-63.81,82.85,0,0-78.84,55.14-111.35,55.3V377.29s-46.46,31.71-59,54.94c0,0-8.49-38-1.66-58.25l-14.93,7.59,5.16-61.06-12.9,5.63s-14-58-3.69-79.75v-7.1l-7.74,7.1s3.25-33.85,26.54-48.3l14.66-11.84s6.73,19.59,42.13,22.36,72.63,4.47,72.63,4.47l40.93-3,35.11-22.93c16.25,12.24,31.33,19,42.64,7.84Z" fill="#e6e6e6"></path>
<path d="M402.86,282.59s-2.1-22.22-8.64-26.1c0,0-29.39,63.85-63.78,82.83,0,0-78.87,55.14-111.35,55.3V377.31s-46.47,31.69-59,54.94c0,0-8.47-38-1.66-58.27l-14.89,7.61,5.15-61.09-12.92,5.63s-14-58-3.68-79.75v-7.09l-7.73,7.09s2.06-21.59,14.82-37.67c6.81-8.56,20.13-17.42,20.13-17.42-2.34,4.93-14.74,33-14.74,33l11.05,1.61c-11.45,25.9-5.51,66.05-5.51,66.05L163,286.35l-2.29,58,14.93-7.61c-6.81,20.29-1.24,61.33-1.24,61.33,12.56-23.21,59-54.94,59-54.94v17.35c94-23.74,145.62-108.66,153.53-129.53,0,0,10.11,9.06,12.51,13.42C403.47,231,399,195,399,195c1,.6,2.67,7.76,3.86,10l.12.23,5.7,14.78S420.6,255.26,402.86,282.59Z" fill="#ccc"></path>
<path d="M427.06,237.55s13.49-38.93,40.41-35,33.07,16.63,35.53,36.37,4.09,30.55,4.09,30.55l-10.55-3.62-4.05,24.7-13-10.87s-3.33,21.91-7,22.11-12.88-27.19-12.88-27.19l-9.1,15.53S420.31,262.43,427.06,237.55Z" fill="#f2f2f2"></path>
<path d="M507.1,269.47l-10.54-3.64-4.08,24.72-13-10.9s-3.37,21.91-7.06,22.15-12.87-27.22-12.87-27.22l-9.11,15.53s-30.19-27.69-23.41-52.56c0,0,.39-1.11,1.15-3,7.17,14.5,19.29,25.59,19.29,25.59l9.07-15.52s9.19,27.41,12.91,27.21,7-22.14,7-22.14l13,10.89,4-24.72,9.51,3.29C505.47,258.78,507.1,269.47,507.1,269.47Z" fill="#dbdbdb"></path>
<path d="M165.52,170.87s10.26,27.63,44.5,25.79l10,1.43s11.9,4.31,32.1,4.61a39,39,0,0,0,18.68,0c10-2.53,12-5.42,12-5.42s54.72,5.56,73.54-10.14c0,0-2.06,2.65-3.7,10.92C350.06,211,324.67,246.7,297,242.53s-57.79-22.47-57.79-22.47-31.13,11.87-49.89,5.87C177.18,222.06,153,209.61,165.52,170.87Z" fill="#f2f2f2"></path>
<path d="M15.93,299.53s-14.39,29.08-10.29,48,19.71,38.39,35.06,38.14,40.42.48,48.6-10.4,35-50.43,35-50.43S98.54,361.44,62.58,354C44.47,350.17,16.8,314,15.93,299.53Z" fill="#e21921"></path>
<path d="M352.63,201.45a24.27,24.27,0,0,1-1.39,4.52c-9.43,13.74-20.95,29.88-42.93,36.16-5.27,1.51-10.9.4-16.41.4a67,67,0,0,1-16.52-2.18,92.34,92.34,0,0,1-22.42-9.5.87.87,0,0,0-.2-.12,131.86,131.86,0,0,1-13.39-9c-9.11,3.09-44.88,13.63-65.88-3.24a36.18,36.18,0,0,1-9.19-11.06.13.13,0,0,0,0-.11c-3-8.05-3.38-22.15,1.26-36.49,0,0-2.25,28.16,12.93,41.48,19.46,17.08,59.81,1.42,60.21,1.26a4,4,0,0,1,3.84.56c22.86,17.79,44.17,24,63.34,18.5,19.38-5.59,33.28-22.15,41.84-35.85a39.67,39.67,0,0,1,8.64-9.65S355,188.5,352.63,201.45Z" fill="#dbdbdb"></path>
<ellipse ry="8.76" rx="7.43" cy="169.98" cx="291.99"></ellipse>
<ellipse ry="8.76" rx="7.43" cy="159.12" cx="232.88"></ellipse>
<path d="M73.12,170.88s7.89,10.68,2.25,18.7c0,0,6.46,9.41,2,16.55,0,0,7.27,9.33,4.45,13.93,0,0,9.3,8.25,3.94,22.47s-8.29,21.8-24,17.77c0,0,15-2,16.4-13.91s-4.22-20-9.29-21.74c0,0,2.53-14.51-1.13-18.52,0,0,1.46-16.6-6-19.88l4.82-13.57Z" fill="#eaa292"></path>
<path opacity=".25" d="M380.38 71.15a4 4 0 01-2.6-1c-3.37-2.93-5.89-5-9.55-7.81A4 4 0 11373 56.05c3.83 2.91 6.46 5.1 10 8.14a4 4 0 01.39 5.59A3.92 3.92 0 01380.38 71.15zM359.43 55.17a4 4 0 01-2.19-.66c-31.81-21.11-56.51-23.34-56.76-23.36a4 4 0 01.62-7.9c1.08.09 26.85 2.31 60.52 24.66a4 4 0 01-2.19 7.26z" fill="#fff"></path>
<path d="M306.26 67.16a3.89 3.89 0 01-1.69-.38c-3.1-1.46-6.24-2.83-9.33-4.05a4 4 0 012.92-7.37c3.25 1.29 6.54 2.72 9.79 4.26a4 4 0 01-1.69 7.54zM285.61 59.13a3.86 3.86 0 01-1.15-.17c-34.5-10.44-54.53-.38-54.72-.28A4 4 0 01224.4 57 4 4 0 01226 51.67c.91-.48 22.85-11.75 60.72-.29a4 4 0 01-1.15 7.75z" fill="#fff"></path>
<path d="M258.46,167.65a146,146,0,0,0-22.35-2.6c-10.52-.19-21.36,9.15-20.53,18.09s4.22,20.86,24.61,19.59l11.9,0s27,11.46,31.36-7.5C293.09,193.54,264.56,179.16,258.46,167.65Z" fill="#f7c6ba"></path>
<path d="M283.46,195.18c-4.38,19-31.35,7.5-31.35,7.5l-11.92,0c-20.4,1.3-23.76-10.66-24.61-19.58a12,12,0,0,1,1.09-6c2.11,7.38,7.67,14.35,23.52,13.34h11.92s21,8.88,28.91-2C285.2,192,287.19,194.53,283.46,195.18Z" fill="#eaa292"></path>
</svg>
</button>CSS
:root {
--red: #dc3d2a;
--blue: #87ceeb;
}
.overflow {
overflow: hidden;
position: relative;
width: 100%;
height: 100%;
z-index: 10;
border-radius: 12px;
}
button {
position: relative;
width: 190px;
height: 50px;
border: 0px solid;
outline: 0px solid;
cursor: pointer;
background: var(--blue);
border-radius: 12px;
font-family: "Franklin Gothic Medium", "Arial Narrow", Arial, sans-serif;
}
.santa {
width: 45px;
position: absolute;
z-index: -1;
top: 0px;
transition: 250ms;
}
.christmas-tree {
width: 30px;
position: absolute;
transform: translateY(30px);
transition: 300ms;
transition-delay: 500ms;
}
.christmas-tree-1 {
left: 0px;
top: 20px;
}
.christmas-tree-2 {
right: 0px;
top: 20px;
}
.cloud-container {
position: absolute;
width: 100%;
transform: translateY(-40px);
transition: 250ms;
transition-delay: 250ms;
}
.cloud {
fill: #fff;
position: absolute;
}
.cloud:nth-child(1) {
left: 30px;
top: 3px;
animation-name: cloud;
animation-duration: 4s;
animation-iteration-count: infinite;
animation-timing-function: ease-in-out;
animation-fill-mode: backwards;
}
.cloud:nth-child(2) {
right: 30px;
top: 14px;
animation-name: cloud;
animation-duration: 4s;
animation-iteration-count: infinite;
animation-timing-function: ease-in-out;
animation-fill-mode: backwards;
}
@keyframes cloud {
0% {
transform: translateX(0px);
}
50% {
transform: translateX(-4px);
}
100% {
transform: translateX(4px);
}
}
.snowflake {
position: absolute;
z-index: -1;
opacity: 0;
}
.snowflake:nth-child(1) {
transition: 0.8s;
filter: drop-shadow(0 0 10px #fffdef);
width: 30px;
height: 30px;
inset: 0;
}
.snowflake:nth-child(2) {
transition: 0.8s;
filter: drop-shadow(0 0 10px #fffdef);
width: 20px;
height: 20px;
inset: 0;
}
.snowflake:nth-child(3) {
transition: 0.8s;
filter: drop-shadow(0 0 10px #fffdef);
width: 40px;
height: 40px;
inset: 0;
}
.snowflake:nth-child(4) {
transition: 0.8s;
filter: drop-shadow(0 0 10px #fffdef);
width: 10px;
height: 10px;
inset: 0;
}
.snowflake:nth-child(5) {
transition: 0.8s;
filter: drop-shadow(0 0 10px #fffdef);
width: 8px;
height: 8px;
inset: 0;
}
.sun {
position: absolute;
inset: 0;
margin: auto;
animation-name: sun;
animation-duration: 5s;
animation-iteration-count: infinite;
animation-timing-function: linear;
}
@keyframes sun {
from {
transform: rotate(0.5turn);
}
to {
transform: rotate(1turn);
}
}
.text-container {
color: white;
background: var(--red);
width: 100%;
height: 100%;
text-align: center;
display: flex;
justify-content: center;
align-items: center;
position: absolute;
z-index: 11;
transition: 250ms;
font-size: 20px;
}
/* hover state css */
button:hover {
box-shadow: 0 0 25px var(--blue);
}
button:hover .christmas-tree {
transform: translateY(0px);
}
button:hover .cloud-container {
transform: translateY(0px);
}
button:hover .snowflake:nth-child(1) {
top: 95%;
left: 25%;
animation-name: sun;
animation-duration: 20s;
animation-iteration-count: infinite;
animation-timing-function: linear;
opacity: 1;
}
button:hover .snowflake:nth-child(2) {
top: -35%;
left: 10%;
animation-name: sun;
animation-duration: 20s;
animation-iteration-count: infinite;
animation-timing-function: linear;
opacity: 1;
}
button:hover .snowflake:nth-child(3) {
opacity: 1;
top: -80%;
left: -30%;
animation-name: sun;
animation-duration: 20s;
animation-iteration-count: infinite;
animation-timing-function: linear;
}
button:hover .snowflake:nth-child(4) {
opacity: 1;
top: 120%;
left: 80%;
animation-name: sun;
animation-duration: 20s;
animation-iteration-count: infinite;
animation-timing-function: linear;
}
button:hover .snowflake:nth-child(5) {
opacity: 1;
top: 25%;
left: 115%;
animation-name: sun;
animation-duration: 20s;
animation-iteration-count: infinite;
animation-timing-function: linear;
}
button:hover .santa {
transform: translate(-30px, -40px);
}
button:hover .text-container {
transform: translateY(-100%);
}
/* hover state css */