.sticky.button{position:sticky;bottom:32px;right:32px;margin-left:auto;margin-bottom:32px;margin-top:-80px;padding-right:12px!important;justify-content:flex-end;z-index:3;width:fit-content;overflow:hidden;white-space:nowrap;max-width:180px;transition:max-width .1s ease-out;animation:shrinkOnce .1s 5s forwards,ping-animation 1s cubic-bezier(0,0,.2,1) infinite;--button-bg: var(--color-error);--button-color: #ffffff;>span:first-child{flex:0 1 auto;text-overflow:ellipsis;overflow:hidden}&:focus-visible,&:hover{max-width:180px!important}}@keyframes ping-animation{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes shrinkOnce{to{max-width:48px}}footer{background-color:var(--color-primary);color:var(--color-bg);display:flex;flex-direction:column;gap:32px;padding:64px 32px 32px;position:relative;h2,h3,h4,p,ul{margin:0;white-space:nowrap}h3{opacity:.6}h4{font-size:18px}section{display:flex;gap:16px}.company{padding:16px;aspect-ratio:1;display:flex;flex-direction:column;gap:8px;border-radius:64px;justify-content:center;text-align:center;align-items:center;position:relative;color:var(--color-primary);width:260px;*{object-fit:contain;position:relative}&:before{content:"";inset:0;position:absolute;border-radius:inherit;background-color:var(--color-bg);opacity:.6}}.socials ul{flex-direction:row}>div{display:grid;gap:48px 64px;grid-template-columns:repeat(4,minmax(260px,1fr));margin:0 auto;section{align-self:start;justify-self:center;flex:1 0 100%;flex-direction:column;max-width:260px}}ul{flex-direction:column;gap:16px;padding:0}address{font-style:normal;display:contents}a{color:inherit;opacity:.95;&:focus-visible,&:hover{opacity:1}}}.copyright{opacity:.8;font-size:80%;justify-content:center;text-align:center}.webify{position:relative;color:var(--fg-white);display:flex;align-items:center;justify-content:center;gap:6px;font-size:12px;img.shift{transform:translateY(-2px)}.heart{animation:heart-bounce 1s linear infinite}}@keyframes heart-bounce{0%{transform:scale(.85)}15%{transform:scale(1)}30%{transform:scale(.85)}45%{transform:scale(1)}60%{transform:scale(.85)}to{transform:scale(.85)}}@media (max-width: 1300px){footer>div{gap:48px 32px}}@media (max-width: 1200px){footer>div{grid-template-columns:repeat(2,1fr)}}@media (max-width: 800px){.sticky.button{max-width:48px}footer>div{grid-template-columns:1fr;text-align:center;ul{justify-content:center}}}.notification{position:fixed;z-index:999;background-color:var(--color-error);color:#fff;padding:16px 40px 16px 24px;border-radius:6px;width:600px;max-width:90dvw;left:16px;bottom:16px;overflow:hidden;opacity:0;transform:translateY(15vh);animation:reveal .2s ease-in forwards,shift .2s ease-in forwards;box-shadow:0 4px 8px #0000001f;&.removed{opacity:1;transform:translateY(0);animation:reveal .2s ease-out reverse backwards,shift .2s ease-out reverse backwards}button{position:absolute;top:8px;right:8px;color:#fff}&:hover .timer{animation-play-state:paused}.timer,&:after{content:"";position:absolute;bottom:0;background-color:currentColor;opacity:.2;height:4px;left:0;width:100%}.timer{opacity:1;border-radius:4px;animation:count-down linear 10s forwards}}@keyframes count-down{0%{width:100%}to{width:0%}}
