.switch{--width-of-switch:3.5em;--height-of-switch:2em;--size-of-icon:1.4em;--slider-offset:.3em;width:var(--width-of-switch);height:var(--height-of-switch);display:block;position:relative}.switch input{opacity:0;width:0;height:0}.slider1{cursor:pointer;background-color:#f4f4f5;border-radius:30px;transition:all .4s;position:absolute;inset:0}.slider1:before{content:"";height:var(--size-of-icon,1.4em);width:var(--size-of-icon,1.4em);left:var(--slider-offset,.3em);background:linear-gradient(40deg,#ff0080,#ff8c00 70%);border-radius:20px;transition:all .4s;position:absolute;top:50%;transform:translateY(-50%)}input:checked+.slider1{background-color:#303136}input:checked+.slider1:before{left:calc(100% - (var(--size-of-icon,1.4em) + var(--slider-offset,.3em)));background:#303136;box-shadow:inset -3px -2px 5px -2px #8983f7,inset -10px -4px #a3dafb}
.wrapper{justify-content:center;width:100%;height:80px;padding-top:20px;font-family:Poppins,sans-serif;list-style:none;display:inline-flex}.wrapper .icon{cursor:pointer;background:#fff;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:50px;height:50px;margin:10px;font-size:18px;transition:all .2s cubic-bezier(.68,-.55,.265,1.55);display:flex;position:relative;box-shadow:0 10px 10px #0000001a}.wrapper .tooltip{color:#fff;opacity:0;pointer-events:none;background:#fff;border-radius:5px;padding:5px 8px;font-size:14px;transition:all .3s cubic-bezier(.68,-.55,.265,1.55);position:absolute;top:0;box-shadow:0 10px 10px #0000001a}.wrapper .tooltip:before{content:"";background:#fff;width:8px;height:8px;transition:all .3s cubic-bezier(.68,-.55,.265,1.55);position:absolute;bottom:-3px;left:50%;transform:translate(-50%)rotate(45deg)}.wrapper .icon:hover .tooltip{opacity:1;visibility:visible;pointer-events:auto;top:-45px}.wrapper .icon:hover span,.wrapper .icon:hover .tooltip{text-shadow:0 -1px #0000001a}.wrapper .facebook:hover,.wrapper .facebook:hover .tooltip,.wrapper .facebook:hover .tooltip:before{color:#fff;background:#1877f2}.wrapper .twitter:hover,.wrapper .twitter:hover .tooltip,.wrapper .twitter:hover .tooltip:before{color:#fff;background:#1da1f2}.wrapper .instagram:hover,.wrapper .instagram:hover .tooltip,.wrapper .instagram:hover .tooltip:before{color:#fff;background:#e4405f}.wrapper .youtube:hover,.wrapper .youtube:hover .tooltip,.wrapper .youtube:hover .tooltip:before{color:#fff;background:red}.wrapper .tripadvisor:hover,.wrapper .tripadvisor:hover .tooltip,.wrapper .tripadvisor:hover .tooltip:before{color:#fff;background:#34e0a1}@media (prefers-color-scheme:dark){.wrapper .icon{color:#fff;background:#333}.wrapper .tooltip,.wrapper .tooltip:before{background:#333}}.footer-container{color:#fff;background:linear-gradient(135deg,#121212 25%,#1a1a1a 25% 50%,#121212 50% 75%,#1a1a1a 75%,#1a1a1a) 0 0/40px 40px;animation:4s linear infinite move}@keyframes move{0%{background-position:0 0}to{background-position:40px 40px}}