/* Flex Moulds App Link block. Icons are embedded so no plugin or CDN is required. */
.wp-block-flex-moulds-app-link { display: inline-block; width: auto; max-width: 100%; margin: 6px 8px 6px 0; vertical-align: top; }
.flex-app-link { position: relative; display: inline-flex; flex: 0 0 44px; align-items: center; justify-content: center; box-sizing: border-box; width: 44px; min-width: 44px; max-width: 44px; height: 44px; min-height: 44px; max-height: 44px; padding: 0; overflow: hidden; border: 0; border-radius: 12px; color: #fff; background: var(--ink, #121518); text-decoration: none; box-shadow: 0 4px 11px rgba(18,21,24,.18); transition: transform .18s ease, box-shadow .18s ease, filter .18s ease; }
.flex-app-link:hover { color: #fff; filter: brightness(.94); transform: translateY(-2px); box-shadow: 0 10px 24px rgba(18,21,24,.2); }
.flex-app-link:focus-visible { color: #fff; outline: 3px solid rgba(231,53,44,.38); outline-offset: 3px; }
.flex-app-link--youtube { background: #ff0033; }
.flex-app-link--whatsapp { background: #25d366; }
.flex-app-link--linkedin { background: #0a66c2; }
.flex-app-link--tiktok { background: #0b0b0f; }
.flex-app-link--email { background: var(--red, #e7352c); }
.flex-app-link--website { background: var(--ink, #121518); }
.flex-app-link--custom { background: var(--ink, #121518); }
.flex-app-link__icon { display: block; flex: 0 0 22px; width: 22px; height: 22px; background-color: currentColor; -webkit-mask: var(--flex-app-icon) center / contain no-repeat; mask: var(--flex-app-icon) center / contain no-repeat; }
.flex-app-link__custom-icon { display: block; flex: 0 0 25px; width: 25px; height: 25px; border-radius: 6px; object-fit: contain; }
.flex-app-link--youtube { --flex-app-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M23.5 6.2a3 3 0 0 0-2.1-2.1C19.5 3.6 12 3.6 12 3.6s-7.5 0-9.4.5A3 3 0 0 0 .5 6.2 31 31 0 0 0 0 12a31 31 0 0 0 .5 5.8 3 3 0 0 0 2.1 2.1c1.9.5 9.4.5 9.4.5s7.5 0 9.4-.5a3 3 0 0 0 2.1-2.1A31 31 0 0 0 24 12a31 31 0 0 0-.5-5.8ZM9.6 15.6V8.4l6.3 3.6-6.3 3.6Z'/%3E%3C/svg%3E"); }
.flex-app-link--whatsapp { --flex-app-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20.5 3.5A11.8 11.8 0 0 0 1.9 17.7L.3 23.5l5.9-1.6A11.8 11.8 0 0 0 23.8 12c0-3.2-1.2-6.2-3.3-8.5ZM12 21.8a9.8 9.8 0 0 1-5-1.4l-.4-.2-3.5.9.9-3.4-.2-.4A9.8 9.8 0 1 1 12 21.8Zm5.4-7.3c-.3-.2-1.8-.9-2.1-1-.3-.1-.5-.2-.7.2l-.9 1.1c-.2.2-.3.2-.6.1a8 8 0 0 1-2.4-1.5 9 9 0 0 1-1.7-2.1c-.2-.3 0-.5.1-.6l.5-.6.3-.5c.1-.2 0-.4 0-.6l-1-2.4c-.3-.6-.5-.5-.7-.5h-.6c-.2 0-.6.1-.9.4-.3.4-1.2 1.2-1.2 2.9s1.2 3.3 1.4 3.5c.2.2 2.5 3.8 6 5.3.8.4 1.5.6 2 .7.8.3 1.6.2 2.2.1.7-.1 1.8-.7 2-1.4.3-.7.3-1.3.2-1.4-.1-.2-.3-.3-.6-.4Z'/%3E%3C/svg%3E"); }
.flex-app-link--linkedin { --flex-app-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4.9 7.8H.4V22h4.5V7.8ZM2.7 1A2.6 2.6 0 1 0 2.7 6.2 2.6 2.6 0 0 0 2.7 1ZM23.6 13.9c0-4.3-2.3-6.4-5.4-6.4-2.5 0-3.6 1.4-4.2 2.3v-2h-4.5V22H14v-7c0-1.8.3-3.6 2.6-3.6 2.3 0 2.3 2.1 2.3 3.7V22h4.6l.1-8.1Z'/%3E%3C/svg%3E"); }
.flex-app-link--tiktok { --flex-app-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M15.8 2c.4 2.4 1.8 3.9 4.2 4.1v3.5a10 10 0 0 1-4.2-1v7.1a6.7 6.7 0 1 1-5.8-6.6v3.6a3.2 3.2 0 1 0 2.2 3V2h3.6Z'/%3E%3C/svg%3E"); }
.flex-app-link--email { --flex-app-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M2 4h20a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2Zm10 9L2.8 6h18.4L12 13Zm0 2.5L2 7.9V18h20V7.9l-10 7.6Z'/%3E%3C/svg%3E"); }
.flex-app-link--website { --flex-app-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 0a12 12 0 1 0 0 24 12 12 0 0 0 0-24Zm8.2 7H17a19 19 0 0 0-1.5-4A10.1 10.1 0 0 1 20.2 7ZM12 2c1.2 1.4 2.2 3.1 2.8 5H9.2c.6-1.9 1.6-3.6 2.8-5ZM2.5 14a9 9 0 0 1 0-4h4.1a17 17 0 0 0 0 4H2.5Zm1.3 3h3.3c.4 1.5.9 2.8 1.5 4a10.1 10.1 0 0 1-4.8-4ZM7.1 7H3.8a10.1 10.1 0 0 1 4.8-4C8 4.2 7.5 5.5 7.1 7ZM12 22a14 14 0 0 1-2.8-5h5.6a14 14 0 0 1-2.8 5Zm3.5-8h-7a14 14 0 0 1 0-4h7a14 14 0 0 1 0 4Zm0 7c.6-1.2 1.1-2.5 1.5-4h3.3a10.1 10.1 0 0 1-4.8 4Zm1.9-7a17 17 0 0 0 0-4h4.1a9 9 0 0 1 0 4h-4.1Z'/%3E%3C/svg%3E"); }
.flex-app-link--custom { --flex-app-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 3h8v8H3V3Zm10 0h8v8h-8V3ZM3 13h8v8H3v-8Zm10 0h8v8h-8v-8Z'/%3E%3C/svg%3E"); }
.flex-app-link__label { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%); border: 0; white-space: nowrap; }
.flex-app-link__arrow { display: none; }

@media (max-width: 620px) {
  .flex-app-link { flex-basis: 42px; width: 42px; min-width: 42px; max-width: 42px; height: 42px; min-height: 42px; max-height: 42px; border-radius: 11px; }
}
