footer{background-color:var(--header-color);color:#fff}footer a{display:block;width:-moz-fit-content;width:fit-content;color:inherit}.custom-footer{display:flex;padding:40px 0;flex-wrap:wrap;justify-content:flex-end;row-gap:1rem}.separator{background-color:#ca7;width:52px;height:4px;margin-top:40px;border-color:#ca7}.custom-footer__logo{flex-grow:0;flex-shrink:0;flex-basis:calc(100% / 4)}.custom-footer__logo .age_limit{margin-top:10px}.custom-footer__copyright{font-family:Arial,sans-serif;flex-grow:1;flex-shrink:0;flex-basis:calc(100% / 2.4);padding:0 1rem}.custom-footer__copyright>p{text-align:left;line-height:1.857}.custom-footer__copyright>p+p{margin-top:10px}.custom-footer__contacts{flex-grow:0;flex-shrink:0;flex-basis:calc(100% / 3);padding:0 0 0 1rem;display:flex}.custom-footer__contacts>div{flex-basis:50%}.custom-footer__contacts .socila_media{display:flex;gap:.5rem;margin-top:1.25rem}.custom-footer__contacts .socila_media a{opacity:.8;transition:opacity .2s linear}.custom-footer__contacts .socila_media a:hover{opacity:1}.custom-footer__contacts .footer-link{color:#ca7;position:relative;display:block;width:-moz-fit-content;width:fit-content}.custom-footer__contacts .footer-link:after{content:" ";height:1px;width:0;background:#ca7;bottom:0;left:0;transition:width .2s linear;display:block}.custom-footer__contacts .footer-link:hover:after{width:100%}.custom-footer__creator{flex-grow:0;flex-shrink:0;flex-basis:calc(100% / 3)}.custom-footer__creator>a{vertical-align:middle;display:inline-block;text-decoration:underline;font-size:12px}.custom-footer__creator>a>img{float:left;margin-right:.5rem}.custom-footer__apps{flex-grow:0;flex-shrink:0;flex-basis:calc(100% / 2.4);display:flex;gap:1rem;padding:0 1rem}@media (min-width:320px){.custom-footer__apps{flex-direction:column}}@media (min-width:375px){.custom-footer__apps{flex-direction:row}}.custom-footer__apps>.app{display:block;padding:.5rem 1.5rem;border:1px solid #fff;border-radius:.5rem;transition:background-color .2s linear;height:43px}.custom-footer__apps>.app:hover{background-color:#000}@media (max-width:768px){.custom-footer>div{flex:1 1 100%;padding-left:0;padding-right:0}}@media (min-width:320px){.custom-footer__contacts{flex-direction:column;row-gap:1rem}}@media (min-width:375px){.custom-footer__contacts{flex-direction:row;row-gap:0}}