#footer{width:100%;display:flex;justify-content:center;padding:56px 32px;background:var(--footer-background);border-top:1px solid var(--border-color)}#footer[data-variant=spotify-dark]{--footer-background:rgba(6,18,12,.94);--border-color:rgba(30,215,96,.24);--font-color:#ecfdf5;--font-secondary:rgba(209,250,229,.72);--blue-font:#22c55e}#footer[data-variant=spotify-dark] .footer__meta{border-top:1px solid rgba(30,215,96,.24)}#footer[data-variant=spotify-dark] .footer__links a:hover{color:#22c55e}#footer[data-variant=apple-dark]{--footer-background:rgba(28,14,48,.94);--border-color:rgba(168,85,247,.24);--font-color:#f6f3ff;--font-secondary:rgba(221,214,254,.72);--blue-font:#a855f7}#footer[data-variant=apple-dark] .footer__meta{border-top:1px solid rgba(168,85,247,.24)}#footer[data-variant=apple-dark] .footer__links a:hover{color:#a855f7}#footer[data-variant=spotify-light]{--footer-background:hsla(0,0%,100%,.94);--border-color:rgba(22,163,74,.26);--font-color:#064e3b;--font-secondary:rgba(5,46,22,.72);--blue-font:#16a34a}#footer[data-variant=spotify-light] .footer__meta{border-top:1px solid rgba(22,163,74,.26)}#footer[data-variant=spotify-light] .footer__links a:hover{color:#16a34a}#footer[data-variant=apple-light]{--footer-background:hsla(0,0%,100%,.94);--border-color:rgba(147,51,234,.26);--font-color:#581c87;--font-secondary:rgba(88,28,135,.72);--blue-font:#9333ea}#footer[data-variant=apple-light] .footer__meta{border-top:1px solid rgba(147,51,234,.26)}#footer[data-variant=apple-light] .footer__links a:hover{color:#9333ea}.footer__container{width:min(1200px,100%);display:grid;grid-gap:28px;gap:28px}.footer__brand{display:grid;grid-gap:12px;gap:12px}.footer__logo{font-size:20px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--font-color)}.footer__brand p{margin:0;font-size:15px;line-height:1.6;color:var(--font-secondary);max-width:560px}.footer__links{display:flex;flex-wrap:wrap;gap:16px 24px}.footer__links a{color:var(--font-secondary);text-decoration:none;font-size:15px;transition:color .2s ease}.footer__links a:hover{color:var(--blue-font)}.footer__meta{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;border-top:1px solid var(--border-color);padding-top:20px}.footer__meta p{margin:0;font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--font-secondary)}@media (max-width:640px){#footer{padding:48px 20px}.footer__links,.footer__meta{flex-direction:column;align-items:flex-start}}