.announcement-bar__whatsapp{display:flex;align-items:center;justify-content:center;gap:1.2rem;text-decoration:none;padding:1rem 1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}.announcement-bar__whatsapp:hover{transform:translateY(-2px)}.announcement-bar__whatsapp:hover .announcement-bar__whatsapp-icon{transform:scale(1.1)}.announcement-bar__whatsapp-icon{width:2.8rem;height:2.8rem;flex-shrink:0;transition:transform .3s ease;filter:drop-shadow(0 2px 4px rgba(37,211,102,.3))}.announcement-bar__whatsapp-icon svg{fill:#25d366!important;color:#25d366!important}.announcement-bar__whatsapp-icon path{fill:#25d366!important}.announcement-bar__whatsapp-content{display:flex;flex-direction:row;align-items:center;gap:1rem}.announcement-bar__whatsapp-text{font-weight:700;font-size:1.5rem;line-height:1.2;margin:0;letter-spacing:.03em;color:#6b4e3d}.announcement-bar__whatsapp-phone{font-size:1.4rem;font-weight:600;margin:0;color:#25d366;display:inline-flex;align-items:center;gap:.4rem}.announcement-bar__whatsapp-phone:before{content:"\2022";color:#6b4e3d;opacity:.5}@media screen and (max-width: 749px){.announcement-bar__whatsapp{gap:.8rem;padding:.8rem 1rem}.announcement-bar__whatsapp-icon{width:2.4rem;height:2.4rem}.announcement-bar__whatsapp-content{flex-direction:column;gap:.3rem}.announcement-bar__whatsapp-text{font-size:1.3rem}.announcement-bar__whatsapp-phone{font-size:1.2rem}.announcement-bar__whatsapp-phone:before{display:none}}@media (pointer: coarse){.announcement-bar__whatsapp{min-height:48px;padding:1rem 1.2rem}}.announcement-bar__whatsapp:focus-visible{outline:3px solid rgba(37,211,102,.6);outline-offset:2px;border-radius:4px}.color-scheme-whatsapp .utility-bar{border-bottom:1px solid rgba(107,78,61,.1)}.color-scheme-whatsapp{position:relative}.color-scheme-whatsapp:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,transparent 0%,rgba(255,255,255,.1) 100%);pointer-events:none}.announcement-bar-section{position:sticky;top:0;z-index:100;box-shadow:0 2px 8px #00000014}.announcement-bar-section .utility-bar{transition:box-shadow .3s ease}body:not(.template-index) .announcement-bar-section,.announcement-bar-section.scrolled{box-shadow:0 4px 12px #0000001f}
/*# sourceMappingURL=/cdn/shop/t/4/assets/component-announcement-whatsapp.css.map */