Videos - Flatworld Philippines

Home
Videos

.santa-widget{position:fixed;bottom:30px;left:30px;z-index:9999}.santa-widget .santa-button{position:relative;width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#ef4444 0,#0c141c 100%);border:none;cursor:pointer;box-shadow:0 10px 30px rgba(0,0,0,.3);display:flex;align-items:center;justify-content:center;transition:transform .3s;animation:2s infinite santa-bounce}.santa-widget .santa-button:hover{transform:scale(1.1)}.santa-widget .santa-icon{font-size:36px;position:relative;z-index:2}.santa-widget .santa-close{display:none;font-size:32px;color:#fff;font-weight:700}.santa-widget .santa-button.active .santa-icon{display:none}.santa-widget .santa-button.active .santa-close{display:block}.santa-widget .pulse-ring{position:absolute;inset:0;border-radius:50%;background:#d72638;opacity:.3;animation:2s infinite santa-pulse}.santa-widget .sparkle{position:absolute;inset:-4px;border-radius:50%;background:rgba(253,224,71,.2);animation:1.5s cubic-bezier(0,0,.2,1) infinite santa-ping}.santa-widget .snow{position:absolute;width:8px;height:8px;background:#fff;border-radius:50%;animation:1.5s infinite santa-ping}.santa-widget .snow-1{top:-8px;left:-8px;animation-duration:1.5s}.santa-widget .snow-2{top:-4px;right:8px;animation-duration:2s;animation-delay:.5s;width:6px;height:6px}.santa-widget .snow-3{bottom:-4px;left:-4px;animation-duration:1.8s;animation-delay:.3s;width:4px;height:4px}.santa-widget .festive-badge{position:absolute;top:-12px;left:-12px;background:#22c55e;color:#fff;font-size:11px;font-weight:700;padding:4px 8px;border-radius:12px;box-shadow:0 4px 6px rgba(0,0,0,.2);transform:rotate(-12deg);transition:transform .3s,opacity .3s}.santa-widget .festive-badge.hidden{transform:scale(0);opacity:0}.santa-widget .santa-tooltip{position:absolute;left:100px;top:50%;transform:translateY(-50%);background:#1f2937;color:#fff;padding:8px 16px;border-radius:8px;font-size:14px;white-space:nowrap;opacity:0;transition:opacity .3s;pointer-events:none}.santa-widget .santa-tooltip::after{content:"";position:absolute;left:-4px;top:50%;transform:translateY(-50%) rotate(45deg);width:8px;height:8px;background:#1f2937}.santa-widget .santa-button:hover .santa-tooltip{opacity:1}.santa-widget .santa-button.active:hover .santa-tooltip{opacity:0}.santa-widget .quick-links{position:absolute;bottom:100px;left:0;display:flex;flex-direction:column;gap:12px;opacity:0;transform:translateY(30px);transition:.5s;pointer-events:none}.santa-widget .quick-links.active{opacity:1;transform:translateY(0);pointer-events:all}.santa-widget .quick-link{display:flex;align-items:center;gap:12px;padding:12px 24px;border-radius:50px;color:#fff;text-decoration:none;font-weight:600;font-size:14px;box-shadow:0 4px 15px rgba(0,0,0,.2);transition:.3s;opacity:0;transform:translateX(20px);background:#4f4b4c}.santa-widget .quick-links.active .quick-link{animation:.4s ease-out forwards santa-slideIn}.santa-widget .quick-links.active .quick-link:first-child{animation-delay:0s}.santa-widget .quick-links.active .quick-link:nth-child(2){animation-delay:.1s}.santa-widget .quick-links.active .quick-link:nth-child(3){animation-delay:.2s}.santa-widget .quick-link:hover{transform:scale(1.1) translateX(0);box-shadow:0 6px 20px rgba(0,0,0,.3);background:#d72638}.santa-widget .quick-link svg{width:20px;height:20px}@keyframes santa-bounce{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes santa-pulse{0%,100%{opacity:.3}50%{opacity:.1}}@keyframes santa-ping{100%,75%{transform:scale(2);opacity:0}}@keyframes santa-slideIn{from{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}@media (max-width:768px){.santa-widget{bottom:20px;right:20px}.santa-widget .santa-button{width:65px;height:65px}.santa-widget .santa-icon{font-size:30px}.santa-widget .quick-links{bottom:85px}}