footer{color:var(--color-blanc);background-color:var(--color-black);text-transform:uppercase;letter-spacing:.05em}footer .content{margin:auto;padding:2rem;display:flex;justify-content:space-between;align-items:start}footer a{color:inherit;text-decoration:none}footer a:hover{text-decoration:underline}footer .cta{display:flex;flex-direction:column;align-items:start;gap:.5rem}footer .newsletter{width:100%}footer .newsletter h3{color:inherit;text-transform:uppercase;font-size:inherit;font-weight:600;margin:0 0 .5rem}footer .newsletter div{display:grid;grid-template-columns:1fr max-content;font-size:small}footer .newsletter input{border:none;color:var(--color-black);background:var(--color-blanc);padding:.5em;margin-right:.5rem;width:12rem}footer .newsletter button{font-family:inherit;color:inherit;line-height:inherit;background:none;text-transform:uppercase;border:1px solid var(--color-blanc);padding:.5em;cursor:pointer}footer .newsletter button svg{width:1.5em;height:auto}footer .newsletter button path{stroke:currentColor;stroke-width:2;stroke-linecap:round;fill:none}footer .newsletter button[data-state=""] span.pending,footer .newsletter button[data-state=""] svg{display:none}footer .newsletter button[data-state=pending] span.default,footer .newsletter button[data-state=pending] svg{display:none}footer .newsletter button[data-state=success] span,footer .newsletter button[data-state=success] #x-mark{display:none}footer .newsletter button[data-state=failure] span,footer .newsletter button[data-state=failure] #check-mark{display:none}footer .social,footer .pages{display:flex;gap:1rem;align-items:center;line-height:1;font-weight:100}footer .social svg{fill:currentColor}@media (max-width: 700px){footer .content{flex-direction:column;gap:1.5rem}footer .cta,footer .pages,footer .newsletter input{width:100%}footer .newsletter div{gap:1rem}footer .pages{border-top:1px solid #fff4;padding-top:1rem;width:100%;justify-content:center}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/footer.css.map */
