{% include "@Components/main-footer/main-footer.twig" with {props: main_footer} %}
<footer class="main-footer u-border-top u-border--tertiary-500">
<section class="base-section --bottom-0 s-newsletter">
<div class="base-section__container container">
<form class="base-form --validate f-newsletter p-4 p-sm-7 u-rounded-3 u-bg-primary-400 u-posr overflow-hidden" id="newsletter-form-id" action="" method="POST">
<div class="img u-posr overflow-hidden f-newsletter__decoration u-posa u-top-50-p u-translate-middle-y h-100">
<picture>
<img src="" data-src="/images/content/signature-decoration.svg" alt="" width="1175" height="360" draggable="false" aria-hidden="true">
</picture>
</div>
<div class="row gx-lg-5 gy-4">
<div class="f-newsletter__header-col col-lg-6 d-flex gap-1 flex-column">
<header class="base-header d-flex flex-column gap-3 text-center align-items-center --left --spacing-none f-newsletter__header">
<h2 class="base-heading mb-0 u-fw-700 u-h1">
Přihlaste se k odběru novinek
</h2>
</header>
</div>
<div class="f-newsletter__inputs-col col-lg-6 d-flex gap-3 flex-column">
<p class="px-0 px-sm-3">
Chcete mít přehled o speciálních nabídkách? Přihlašte se k odběru.
</p>
<div class="d-flex gap-1 align-items-center u-bg-white u-rounded-5 flex-column flex-sm-row">
<div class="f-text d-flex flex-column gap-1 u-posr flex-grow-1 --active">
<div class="f-text__wrap d-flex align-items-center u-posr">
<input class="f-base f-text__input" type="text" placeholder="Váš e-mail" name=newsletter-input>
<span class="icon d-flex align-items-center justify-content-center --colored --danger f-text__invalid-icon">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path fill="currentColor" d="M8.026 15A7.034 7.034 0 0 1 1 7.974c.33-9.3 13.724-9.297 14.053 0A7.034 7.034 0 0 1 8.026 15Zm0-12.296c-6.964.221-6.963 10.319 0 10.54 6.964-.222 6.964-10.32 0-10.54Zm.879 1.756H7.148v4.392h1.757V4.46Zm0 5.27H7.148v1.757h1.757V9.73Z"/></svg> </span>
</div>
<span class="f-error u-fz-sm gap-1 d-none">
<span class="f-error__icon d-flex align-items-center justify-content-center">
<span class="icon d-flex align-items-center justify-content-center --colored --danger --sm">
<svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 512 512"><path d="M256 512a256 256 0 1 0 0-512 256 256 0 1 0 0 512zm0-384c13.3 0 24 10.7 24 24v112c0 13.3-10.7 24-24 24s-24-10.7-24-24V152c0-13.3 10.7-24 24-24zm-32 224a32 32 0 1 1 64 0 32 32 0 1 1-64 0z"/></svg> </span>
</span>
<span class="f-error__title"></span>
</span>
</div>
<div class="f-newsletter__submit">
<button class="btn u-posr u-cursor-pointer d-inline-flex gap-1 align-items-center justify-content-center flex-nowrap flex-shrink-0 --transparent --sm newsletter-submit --full-width w-100" type="submit" aria-label="Odeslat" name=newsletter-submit>
<span class="btn__title u-z-index-1">
Odeslat
</span>
<span class="btn__icon d-flex align-items-center justify-content-center">
<span class="icon d-flex align-items-center justify-content-center --md">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="currentColor" d="m2 7.995 8.086 4.814-2.053 2.053 1.105 1.105 2.052-2.052L16.005 22 22 2 2 7.995Zm3.85.476L18.09 4.804l-6.866 6.866L5.85 8.47Zm9.68 9.676-3.2-5.372 6.867-6.867-3.668 12.239Z"/></svg> </span>
</span>
</button>
</div>
</div>
<div class="f-newsletter__terms px-3">
<label class="f-checkbox d-inline-flex gap-1 u-posr align-items-center --checkbox">
<input class="f-checkbox__input u-posa" type="checkbox">
<span class="f-checkbox__visual flex-shrink-0 d-flex align-items-center justify-content-center">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path fill="#fff" d="M12.522 4 14 5.5 7.901 11.51a2.107 2.107 0 0 1-2.972-.005L2 8.664l1.467-1.513 2.94 2.85L12.522 4Z"/></svg> </span>
<div class="f-checkbox__body d-flex column-gap-1 align-items-center">
<span class="f-checkbox__title">
Odesláním souhlasím s <a href='#'>podmínkami</a> o zpracování osobních údajů.
</span>
</div>
<span class="f-error u-fz-sm gap-1 d-none">
<span class="f-error__icon d-flex align-items-center justify-content-center">
<span class="icon d-flex align-items-center justify-content-center --colored --danger --sm">
<svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 512 512"><path d="M256 512a256 256 0 1 0 0-512 256 256 0 1 0 0 512zm0-384c13.3 0 24 10.7 24 24v112c0 13.3-10.7 24-24 24s-24-10.7-24-24V152c0-13.3 10.7-24 24-24zm-32 224a32 32 0 1 1 64 0 32 32 0 1 1-64 0z"/></svg> </span>
</span>
<span class="f-error__title"></span>
</span>
</label>
</div>
</div>
</div>
</form>
</div>
</section>
<div class="main-footer__top py-4 py-lg-7">
<div class="container">
<div class="main-footer__columns row mx-0">
<div class="main-footer-column col-xl-1 px-0">
<div class="main-footer-column__logo">
<div class="img u-posr overflow-hidden">
<picture>
<img src="" data-src="/images/svg/logo-horizontal.svg" alt="" width="48" height="48" draggable="false">
</picture>
</div>
</div>
</div>
<div class="col-xl-11 row mx-0 px-0">
<div class="main-footer-column col-lg-3 col-md-6 px-0 px-sm-2 pb-4 pb-lg-0">
<h2 class="main-footer-column__heading u-h3 u-fw-600 mb-3 mb-sm-4 mt-1">Rychlý kontakt</h2>
<h3 class="base-heading mb-0 u-fw-600 u-h5 mb-1">
Prinstep s.r.o.
</h3>
<div class="main-footer-column__content mb-2">
(Po - Pá 9.00 - 17.00)
</div>
<div class="main-footer__phone">
<a class="link d-inline-flex u-fw-600 align-items-center --conversion --icon-before" href="tel:+420257181057" title="+420 257 181 057">
<span class="link__title">+420 257 181 057</span>
<span class="link__icon d-flex align-items-center justify-content-center flex-shrink-0">
<span class="icon d-flex align-items-center justify-content-center --colored --conversion --lg">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="currentColor" d="M14.185 12.938h1.562a4.692 4.692 0 0 0-4.686-4.688v1.563a3.128 3.128 0 0 1 3.124 3.124Zm3.125 0h1.562c0-4.308-3.504-7.813-7.811-7.813v1.563a6.257 6.257 0 0 1 6.249 6.25ZM11.06 2v1.563c5.17 0 9.375 4.205 9.375 9.374h1.562C21.997 6.907 17.091 2 11.061 2Zm2.483 13.979a.782.782 0 0 1-1.105 0l-4.42-4.42a.782.782 0 0 1 0-1.104l1.658-1.658-4.42-4.42L3.6 6.036a5.475 5.475 0 0 0 0 7.734l6.63 6.63A5.433 5.433 0 0 0 14.094 22c1.461 0 2.834-.569 3.867-1.602l1.658-1.657-4.42-4.42-1.657 1.658Zm3.314 3.314a3.88 3.88 0 0 1-2.762 1.145 3.88 3.88 0 0 1-2.762-1.145l-6.629-6.629a3.91 3.91 0 0 1 0-5.524l.552-.552 2.21 2.21-.552.552a2.346 2.346 0 0 0 0 3.314l4.42 4.42c.913.913 2.4.913 3.314 0l.552-.553 2.21 2.21-.553.552Z"/></svg> </span>
</span>
</a>
</div>
<div class="main-footer__phone">
<a class="link d-inline-flex u-fw-600 align-items-center --conversion --icon-before" href="tel:+420257181057" title="+420 257 181 057">
<span class="link__title">+420 257 181 057</span>
<span class="link__icon d-flex align-items-center justify-content-center flex-shrink-0">
<span class="icon d-flex align-items-center justify-content-center --colored --conversion --lg">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="currentColor" d="M14.185 12.938h1.562a4.692 4.692 0 0 0-4.686-4.688v1.563a3.128 3.128 0 0 1 3.124 3.124Zm3.125 0h1.562c0-4.308-3.504-7.813-7.811-7.813v1.563a6.257 6.257 0 0 1 6.249 6.25ZM11.06 2v1.563c5.17 0 9.375 4.205 9.375 9.374h1.562C21.997 6.907 17.091 2 11.061 2Zm2.483 13.979a.782.782 0 0 1-1.105 0l-4.42-4.42a.782.782 0 0 1 0-1.104l1.658-1.658-4.42-4.42L3.6 6.036a5.475 5.475 0 0 0 0 7.734l6.63 6.63A5.433 5.433 0 0 0 14.094 22c1.461 0 2.834-.569 3.867-1.602l1.658-1.657-4.42-4.42-1.657 1.658Zm3.314 3.314a3.88 3.88 0 0 1-2.762 1.145 3.88 3.88 0 0 1-2.762-1.145l-6.629-6.629a3.91 3.91 0 0 1 0-5.524l.552-.552 2.21 2.21-.552.552a2.346 2.346 0 0 0 0 3.314l4.42 4.42c.913.913 2.4.913 3.314 0l.552-.553 2.21 2.21-.553.552Z"/></svg> </span>
</span>
</a>
</div>
<div class="main-footer__mail">
<a class="link d-inline-flex u-fw-600 align-items-center --conversion --icon-before" href="mailto:team@brilo.cz" title="team@brilo.cz">
<span class="link__title">team@brilo.cz</span>
<span class="link__icon d-flex align-items-center justify-content-center flex-shrink-0">
<span class="icon d-flex align-items-center justify-content-center --colored --conversion --lg">
<svg xmlns="http://www.w3.org/2000/svg" width="25" height="24" fill="none" viewBox="0 0 25 24"><path fill="currentColor" d="M12.332 2C6.847 2 2.334 6.515 2.334 12c0 5.486 4.514 10 10 10 2.124 0 4.194-.677 5.908-1.933l-.986-1.343a8.335 8.335 0 0 1-4.924 1.61C7.761 20.334 4 16.572 4 12.001c0-4.572 3.762-8.334 8.333-8.334 4.572 0 8.333 3.762 8.334 8.333v1.667c0 .914-.753 1.666-1.667 1.666a1.675 1.675 0 0 1-1.667-1.666v-1.684c0-2.753-2.264-5.018-5.017-5.018-2.753 0-5.018 2.265-5.018 5.018 0 2.752 2.265 5.017 5.018 5.017a5.02 5.02 0 0 0 3.784-1.723A3.326 3.326 0 0 0 19.011 17c1.822 0 3.322-1.499 3.322-3.321V12c-.006-5.484-4.517-9.994-10-10Zm0 13.333A3.35 3.35 0 0 1 9 12a3.35 3.35 0 0 1 3.333-3.333A3.35 3.35 0 0 1 15.666 12a3.35 3.35 0 0 1-3.334 3.333Z"/></svg> </span>
</span>
</a>
</div>
</div>
<div class="main-footer-column col-lg-3 col-md-6 px-0 px-sm-2 pb-4 pb-lg-0">
<h2 class="main-footer-column__heading u-h3 u-fw-600 mb-3 mb-sm-4 mt-1">Kde nás najdete</h2>
<h3 class="base-heading mb-0 u-fw-600 u-h5 mb-1">
Showroom a sklad
</h3>
<div class="main-footer-column__content mb-2">
(Po - Pá 9.00 - 17.00)
</div>
<div class="main-footer__address">
<a class="link d-inline-flex u-fw-600 align-items-start --icon-before --underline-initial" href="#" title="Průmyslová 1472/11 102 00<br/>Praha 15 - Hostivař">
<span class="link__title">Průmyslová 1472/11 102 00<br/>Praha 15 - Hostivař</span>
<span class="link__icon d-flex align-items-center justify-content-center flex-shrink-0">
<span class="icon d-flex align-items-center justify-content-center --lg">
<svg xmlns="http://www.w3.org/2000/svg" width="25" height="24" fill="none" viewBox="0 0 25 24"><path fill="currentColor" d="m12.667 22-.581-.498c-.801-.67-7.794-6.71-7.794-11.127a8.375 8.375 0 0 1 16.75 0c0 4.417-6.994 10.456-7.791 11.13l-.584.495Zm0-18.19a6.571 6.571 0 0 0-6.564 6.565c0 2.775 4.302 7.208 6.564 9.237 2.261-2.03 6.563-6.466 6.563-9.237a6.571 6.571 0 0 0-6.563-6.564Z"/><path fill="currentColor" d="M12.666 13.694a3.32 3.32 0 1 1 0-6.64 3.32 3.32 0 0 1 0 6.64Zm0-4.98a1.66 1.66 0 1 0 0 3.32 1.66 1.66 0 0 0 0-3.32Z"/></svg> </span>
</span>
</a>
</div>
<div class="d-flex mt-3 mt-sm-4 gap-1">
<a class="main-footer__icon-anchor" href="#" title="Waze">
<div class="img u-posr overflow-hidden">
<picture>
<img src="" data-src="/images/gps-ico/waze.svg" alt="" width="32" height="32" draggable="false">
</picture>
</div>
</a>
<a class="main-footer__icon-anchor" href="#" title="Google maps">
<div class="img u-posr overflow-hidden">
<picture>
<img src="" data-src="/images/gps-ico/google-maps.svg" alt="" width="32" height="32" draggable="false">
</picture>
</div>
</a>
<a class="main-footer__icon-anchor" href="#" title="Mapy CZ">
<div class="img u-posr overflow-hidden">
<picture>
<img src="" data-src="/images/gps-ico/mapy-cz.svg" alt="" width="32" height="32" draggable="false">
</picture>
</div>
</a>
<a class="main-footer__icon-anchor" href="#" title="GPS PDF">
<div class="img u-posr overflow-hidden">
<picture>
<img src="" data-src="/images/gps-ico/pdf-gps.svg" alt="" width="86" height="32" draggable="false">
</picture>
</div>
</a>
</div>
</div>
<div class="main-footer-column col-lg-3 col-md-6 px-0 px-sm-2 pb-4 pb-lg-0">
<h3 class="base-heading mb-0 u-fw-600 u-h5 mt-lg-9 mb-1">
Sídlo společnosti
</h3>
<div class="main-footer-column__content mb-2">
</div>
<div class="main-footer__address">
<a class="link d-inline-flex u-fw-600 align-items-start --icon-before --underline-initial" href="#" title="Průmyslová 1472/11 102 00<br/>Praha 15 - Hostivař">
<span class="link__title">Průmyslová 1472/11 102 00<br/>Praha 15 - Hostivař</span>
<span class="link__icon d-flex align-items-center justify-content-center flex-shrink-0">
<span class="icon d-flex align-items-center justify-content-center --lg">
<svg xmlns="http://www.w3.org/2000/svg" width="25" height="24" fill="none" viewBox="0 0 25 24"><path fill="currentColor" d="m12.667 22-.581-.498c-.801-.67-7.794-6.71-7.794-11.127a8.375 8.375 0 0 1 16.75 0c0 4.417-6.994 10.456-7.791 11.13l-.584.495Zm0-18.19a6.571 6.571 0 0 0-6.564 6.565c0 2.775 4.302 7.208 6.564 9.237 2.261-2.03 6.563-6.466 6.563-9.237a6.571 6.571 0 0 0-6.563-6.564Z"/><path fill="currentColor" d="M12.666 13.694a3.32 3.32 0 1 1 0-6.64 3.32 3.32 0 0 1 0 6.64Zm0-4.98a1.66 1.66 0 1 0 0 3.32 1.66 1.66 0 0 0 0-3.32Z"/></svg> </span>
</span>
</a>
</div>
</div>
<div class="main-footer-column col-lg-3 col-md-6 px-0 px-sm-2 pb-4 pb-lg-0">
<h2 class="main-footer-column__heading u-h3 u-fw-600 mb-3 mb-sm-4 mt-1">Důležité informace</h2>
<nav class="main-footer-column__nav">
<ul class="main-footer-column__list d-flex flex-column gap-1">
<li class="main-footer-column__item">
<a href="#" class="main-footer-column__link u-fw-600">Obchodní podmínky</a>
</li>
<li class="main-footer-column__item">
<a href="#" class="main-footer-column__link u-fw-600">Doručení a platba</a>
</li>
<li class="main-footer-column__item">
<a href="#" class="main-footer-column__link u-fw-600">Kontakty</a>
</li>
<li class="main-footer-column__item">
<a href="#" class="main-footer-column__link u-fw-600">Zásady ochrany osobních údajů</a>
</li>
<li class="main-footer-column__item">
<a href="#" class="main-footer-column__link u-fw-600">Reklamační řád</a>
</li>
<li class="main-footer-column__item">
<a href="#" class="main-footer-column__link u-fw-600">Drive-in</a>
</li>
</ul>
</nav>
</div>
</div>
</div>
</div>
</div>
<div class="main-footer__bottom u-border-top u-border--tertiary-500 pb-1">
<div class="container">
<div class="main-footer__columns row">
<div class="main-footer-column --decorated col-12 col-lg-4 py-3">
<h3 class="base-heading mb-0 u-fw-600 u-h5 mb-1">
Platební metody
</h3>
<div class="d-flex gap-1 flex-wrap">
<span class="i-partner p-1 u-rounded-4 u-bg-tertiary-300 d-inline-flex align-items-center justify-content-center">
<div class="i-partner__img">
<div class="img u-posr overflow-hidden">
<picture>
<img src="" data-src="images/partners/visa-logo.png" alt="Visa" width="40" height="64" draggable="false" srcset="" data-srcset="images/partners/visa-logo.png 1x, images/partners/visa-logo-2x.png 2x">
</picture>
</div>
</div>
</span>
<span class="i-partner p-1 u-rounded-4 u-bg-tertiary-300 d-inline-flex align-items-center justify-content-center">
<div class="i-partner__img">
<div class="img u-posr overflow-hidden">
<picture>
<img src="" data-src="images/partners/ApplePay.png" alt="applepay" width="40" height="64" draggable="false" srcset="" data-srcset="images/partners/ApplePay.png 1x, images/partners/ApplePay-2x.png 2x">
</picture>
</div>
</div>
</span>
<span class="i-partner p-1 u-rounded-4 u-bg-tertiary-300 d-inline-flex align-items-center justify-content-center">
<div class="i-partner__img">
<div class="img u-posr overflow-hidden">
<picture>
<img src="" data-src="images/partners/googlepay.png" alt="googlepay" width="40" height="64" draggable="false">
</picture>
</div>
</div>
</span>
<span class="i-partner p-1 u-rounded-4 u-bg-tertiary-300 d-inline-flex align-items-center justify-content-center">
<div class="i-partner__img">
<div class="img u-posr overflow-hidden">
<picture>
<img src="" data-src="images/partners/PayPal.png" alt="Paypal" width="30" height="26" draggable="false" srcset="" data-srcset="images/partners/PayPal.png 1x, images/partners/PayPal-2x.png 2x">
</picture>
</div>
</div>
</span>
<span class="i-partner p-1 u-rounded-4 u-bg-tertiary-300 d-inline-flex align-items-center justify-content-center">
<div class="i-partner__img">
<div class="img u-posr overflow-hidden">
<picture>
<img src="" data-src="images/partners/Maestro.png" alt="Maestro" width="36" height="21" draggable="false" srcset="" data-srcset="images/partners/Maestro.png 1x, images/partners/Maestro-2x.png 2x">
</picture>
</div>
</div>
</span>
<span class="i-partner p-1 u-rounded-4 u-bg-tertiary-300 d-inline-flex align-items-center justify-content-center">
<div class="i-partner__img">
<div class="img u-posr overflow-hidden">
<picture>
<img src="" data-src="images/partners/Mastercard.png" alt="Mastercard" width="36" height="21" draggable="false" srcset="" data-srcset="images/partners/Mastercard.png 1x, images/partners/Mastercard-2x.png 2x">
</picture>
</div>
</div>
</span>
</div>
</div>
<div class="main-footer-column --decorated col-12 col-lg-4 py-3">
<h3 class="base-heading mb-0 u-fw-600 u-h5 mb-1">
Způsob doručení
</h3>
<div class="d-flex gap-1 flex-wrap">
<span class="i-partner p-1 u-rounded-4 u-bg-tertiary-300 d-inline-flex align-items-center justify-content-center">
<div class="i-partner__img">
<div class="img u-posr overflow-hidden">
<picture>
<img src="" data-src="images/partners/dpd.svg" alt="DPD" width="36" height="15" draggable="false">
</picture>
</div>
</div>
</span>
<span class="i-partner p-1 u-rounded-4 u-bg-tertiary-300 d-inline-flex align-items-center justify-content-center">
<div class="i-partner__img">
<div class="img u-posr overflow-hidden">
<picture>
<img src="" data-src="images/partners/ppl.svg" alt="PPL" width="40" height="10" draggable="false">
</picture>
</div>
</div>
</span>
<span class="i-partner p-1 u-rounded-4 u-bg-tertiary-300 d-inline-flex align-items-center justify-content-center">
<div class="i-partner__img">
<div class="img u-posr overflow-hidden">
<picture>
<img src="" data-src="images/partners/ceska-posta.svg" alt="Česká pošta" width="32" height="24" draggable="false">
</picture>
</div>
</div>
</span>
<span class="i-partner p-1 u-rounded-4 u-bg-tertiary-300 d-inline-flex align-items-center justify-content-center">
<div class="i-partner__img">
<div class="img u-posr overflow-hidden">
<picture>
<img src="" data-src="images/partners/zasilkovna.svg" alt="Zasilkovna" width="42" height="10" draggable="false">
</picture>
</div>
</div>
</span>
<span class="i-partner p-1 u-rounded-4 u-bg-tertiary-300 d-inline-flex align-items-center justify-content-center">
<div class="i-partner__img">
<div class="img u-posr overflow-hidden">
<picture>
<img src="" data-src="images/partners/balikovna.svg" alt="Balikovna" width="42" height="6" draggable="false">
</picture>
</div>
</div>
</span>
<span class="i-partner p-1 u-rounded-4 u-bg-tertiary-300 d-inline-flex align-items-center justify-content-center">
<div class="i-partner__img">
<div class="img u-posr overflow-hidden">
<picture>
<img src="" data-src="images/partners/wedo.svg" alt="WE DO" width="38" height="10" draggable="false">
</picture>
</div>
</div>
</span>
</div>
</div>
<div class="main-footer-column --decorated col-12 col-lg-4 py-3">
<div class="main-footer-column__socials d-flex gap-2 flex-wrap h-100 align-items-lg-end justify-content-lg-end">
<a class="btn u-posr u-cursor-pointer d-inline-flex gap-1 align-items-center justify-content-center flex-nowrap flex-shrink-0 --outline-tertiary --xs --icon-only" href='#' title="facebook">
<span class="btn__icon d-flex align-items-center justify-content-center">
<span class="icon d-flex align-items-center justify-content-center">
<svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 320 512"><path d="m279.14 288 14.22-92.66h-88.91v-60.13c0-25.35 12.42-50.06 52.24-50.06h40.42V6.26S260.43 0 225.36 0c-73.22 0-121.08 44.38-121.08 124.72v70.62H22.89V288h81.39v224h100.17V288z"/></svg> </span>
</span>
</a>
<a class="btn u-posr u-cursor-pointer d-inline-flex gap-1 align-items-center justify-content-center flex-nowrap flex-shrink-0 --outline-tertiary --xs --icon-only" href='#' title="instagram">
<span class="btn__icon d-flex align-items-center justify-content-center">
<span class="icon d-flex align-items-center justify-content-center">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path fill="currentColor" d="M15.952 4.7a5.849 5.849 0 0 0-.372-1.941A4.1 4.1 0 0 0 13.244.422 5.861 5.861 0 0 0 11.303.05C10.446.009 10.174 0 8.002 0s-2.444.009-3.3.047a5.848 5.848 0 0 0-1.938.372 3.9 3.9 0 0 0-1.419.925c-.406.4-.72.883-.922 1.416A5.862 5.862 0 0 0 .052 4.7C.01 5.557.001 5.829.001 8s.009 2.446.051 3.3c.011.663.136 1.319.367 1.94a4.1 4.1 0 0 0 2.341 2.341 5.862 5.862 0 0 0 1.941.372c.851.038 1.126.047 3.298.047s2.444-.009 3.3-.047a5.844 5.844 0 0 0 1.941-.372 4.093 4.093 0 0 0 2.341-2.341 5.866 5.866 0 0 0 .371-1.94c.037-.853.047-1.125.047-3.3s0-2.444-.041-3.3h-.006Zm-1.441 6.533a4.387 4.387 0 0 1-.275 1.485 2.654 2.654 0 0 1-1.514 1.522 4.4 4.4 0 0 1-1.485.275c-.844.038-1.1.047-3.232.047s-2.391-.009-3.232-.047a4.382 4.382 0 0 1-1.485-.275 2.462 2.462 0 0 1-.919-.6 2.487 2.487 0 0 1-.6-.919 4.4 4.4 0 0 1-.275-1.485c-.038-.844-.047-1.1-.047-3.232s.009-2.391.047-3.232c.005-.507.098-1.01.275-1.485.127-.348.333-.662.6-.919.258-.266.572-.471.919-.6A4.4 4.4 0 0 1 4.777 1.5c.844-.037 1.1-.047 3.232-.047s2.391.009 3.232.047c.507.005 1.01.098 1.485.275.348.128.662.333.919.6.266.258.47.572.6.919.177.475.27.978.275 1.485.037.844.047 1.1.047 3.232s-.009 2.385-.047 3.229l-.009-.007Z"/><path fill="currentColor" d="M8.002 3.89a4.11 4.11 0 1 0 0 8.22 4.11 4.11 0 0 0 0-8.22Zm0 6.777a2.666 2.666 0 1 1 0-5.332 2.666 2.666 0 0 1 0 5.332ZM13.235 3.73a.96.96 0 1 1-1.92 0 .96.96 0 0 1 1.92 0Z"/></svg> </span>
</span>
</a>
<a class="btn u-posr u-cursor-pointer d-inline-flex gap-1 align-items-center justify-content-center flex-nowrap flex-shrink-0 --outline-tertiary --xs --icon-only" href='#' title="youtube">
<span class="btn__icon d-flex align-items-center justify-content-center">
<span class="icon d-flex align-items-center justify-content-center">
<svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 576 512"><path d="M549.655 124.083c-6.281-23.65-24.787-42.276-48.284-48.597C458.781 64 288 64 288 64S117.22 64 74.629 75.486c-23.497 6.322-42.003 24.947-48.284 48.597-11.412 42.867-11.412 132.305-11.412 132.305s0 89.438 11.412 132.305c6.281 23.65 24.787 41.5 48.284 47.821C117.22 448 288 448 288 448s170.78 0 213.371-11.486c23.497-6.321 42.003-24.171 48.284-47.821 11.412-42.867 11.412-132.305 11.412-132.305s0-89.438-11.412-132.305zm-317.51 213.508V175.185l142.739 81.205-142.739 81.201z"/></svg> </span>
</span>
</a>
</div>
</div>
</div>
</div>
</div>
</footer>