/* ==========================================================================
   Single Webinar V2 — FPM
   Hereda el sistema visual de .single-noticia-v2__* (breadcrumb, hero,
   layout, nav, back). Aquí solo lo específico del CPT webinar.
   Tokens: #74b320 verde, #3d5519 verde oscuro, #1e1e1e texto,
   Merriweather (titulares) / Inter & Merriweather Sans (UI / cuerpo).
   ========================================================================== */

/* --- Hero sin imagen --------------------------------------------------- */
.single-webinar-v2__hero--no-image {
    background: linear-gradient(135deg, #3d5519 0%, #74b320 100%) !important;
}

/* --- Hero: override de la altura del sistema V2 para webinars --------- */
body.single-fpm_webinar .single-noticia-v2__hero {
    min-height: 280px;
    padding: 1.25rem;
    padding-bottom: 1.5rem;
}

@media (min-width: 768px) {
    body.single-fpm_webinar .single-noticia-v2__hero {
        min-height: 340px;
        padding: 1.5rem;
    }
}

@media (min-width: 1024px) {
    body.single-fpm_webinar .single-noticia-v2__hero {
        min-height: 380px;
        padding: 2rem 5rem;
        padding-bottom: 2.25rem;
    }
}

/* Card del hero: ancho completo, contenido balanceado */
body.single-fpm_webinar .single-noticia-v2__hero-card {
    position: relative;
    z-index: 2;
    margin: 0 auto;
    max-width: 1140px;
    background: rgba(255, 255, 255, 0.92);
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    border-radius: 1.25rem;
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.18);
    padding: 1.5rem 2rem !important;
}

/* El gradiente del hero (heredado de noticia) tapa la card en webinars:
   suavízalo para que la card opaca quede correctamente legible encima. */
body.single-fpm_webinar .single-noticia-v2__hero::before {
    background: linear-gradient(
        to bottom,
        rgba(0, 0, 0, 0) 0%,
        rgba(0, 0, 0, 0.15) 60%,
        rgba(0, 0, 0, 0.35) 100%
    ) !important;
}

/* Título dentro de la card: texto oscuro (no blanco como en noticia) */
body.single-fpm_webinar .single-noticia-v2__hero-card .single-noticia-v2__title {
    color: #1e1e1e !important;
    text-shadow: none !important;
    margin-bottom: 1rem !important;
}

/* Meta dentro de la card: iconos y texto oscuros sobre fondo claro */
body.single-fpm_webinar .single-noticia-v2__hero-card .single-noticia-v2__hero-meta > div,
body.single-fpm_webinar .single-noticia-v2__hero-card .single-noticia-v2__date time,
body.single-fpm_webinar .single-noticia-v2__hero-card .single-noticia-v2__reading-time span {
    color: #1e1e1e !important;
}

body.single-fpm_webinar .single-noticia-v2__hero-card .single-noticia-v2__hero-meta svg {
    color: #5c5c5c !important;
}

body.single-fpm_webinar .single-noticia-v2__hero-card .single-noticia-v2__title {
    max-width: 24ch;
}

body.single-fpm_webinar .single-noticia-v2__hero-meta {
    align-items: center;
    flex-wrap: wrap;
    gap: 1rem 1.75rem !important;
}

/* Empuja el botón compartir al extremo derecho */
body.single-fpm_webinar .single-webinar-v2__share { margin-left: auto; }

/* --- Badge en hero ----------------------------------------------------- */
.single-webinar-v2__badge {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.4rem 0.85rem;
    margin-bottom: 1rem;
    border-radius: 999px;
    font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    background: #ffffff;
    color: #1e1e1e;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
}

.single-webinar-v2__badge--live    { background: #e11d48; color: #fff; }
.single-webinar-v2__badge--upcoming{ background: #74b320; color: #fff; }
.single-webinar-v2__badge--ended   { background: #e8e8e8; color: #5c5c5c; }

.single-webinar-v2__badge-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #fff;
    animation: fpm-webinar-pulse 1.6s ease-in-out infinite;
}

@keyframes fpm-webinar-pulse {
    0%, 100% { opacity: 1; transform: scale(1); }
    50%      { opacity: 0.4; transform: scale(0.8); }
}

/* --- Share button en meta del hero ------------------------------------- */
.single-webinar-v2__share { display: inline-flex; }

/* El wrapper del shortcode actúa solo como contenedor, sin estilos */
.single-webinar-v2__share .fpm-share-button {
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    width: auto !important;
}

.single-webinar-v2__share .fpm-share-button:hover {
    background: transparent !important;
    border: none !important;
}

/* El elemento clicable es el <a> interno: lo convertimos en pill verde */
.single-webinar-v2__share .fpm-share-button a,
.single-webinar-v2__share .fpm-share-link {
    display: inline-flex !important;
    align-items: center;
    gap: 0.5rem;
    padding: 0.55rem 1.1rem !important;
    background: #74b320 !important;
    border: none !important;
    color: #fff !important;
    border-radius: 999px !important;
    font-family: "Inter", -apple-system, sans-serif !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;
    text-decoration: none !important;
    cursor: pointer;
    transition: background 200ms cubic-bezier(0.4, 0, 0.2, 1);
    white-space: nowrap;
}

.single-webinar-v2__share .fpm-share-button:hover a,
.single-webinar-v2__share .fpm-share-link:hover { background: #3d5519 !important; }

/* Recolorea el icono SVG (que viene como background-image con stroke=%23404040) */
.single-webinar-v2__share .fpm-share-button a:before,
.single-webinar-v2__share .fpm-share-link:before {
    background-image: url('data:image/svg+xml;utf8,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7.15833 11.2587L12.85 14.5753M12.8417 5.42533L7.15833 8.74199M17.5 4.16699C17.5 5.5477 16.3807 6.66699 15 6.66699C13.6193 6.66699 12.5 5.5477 12.5 4.16699C12.5 2.78628 13.6193 1.66699 15 1.66699C16.3807 1.66699 17.5 2.78628 17.5 4.16699ZM7.5 10.0003C7.5 11.381 6.38071 12.5003 5 12.5003C3.61929 12.5003 2.5 11.381 2.5 10.0003C2.5 8.61961 3.61929 7.50033 5 7.50033C6.38071 7.50033 7.5 8.61961 7.5 10.0003ZM17.5 15.8337C17.5 17.2144 16.3807 18.3337 15 18.3337C13.6193 18.3337 12.5 17.2144 12.5 15.8337C12.5 14.4529 13.6193 13.3337 15 13.3337C16.3807 13.3337 17.5 14.4529 17.5 15.8337Z" stroke="%23ffffff" stroke-width="1.67" stroke-linecap="round" stroke-linejoin="round"/></svg>') !important;
    width: 16px !important;
    height: 16px !important;
    margin-right: 6px !important;
}

/* --- Espaciado: el wrapper de BuddyBoss añade un gap arriba ---------- */
body.single-fpm_webinar .site-content,
body.single-fpm_webinar.sticky-header .site-content {
    padding-top: 0 !important;
}

body.single-fpm_webinar .site-content > .container,
body.single-fpm_webinar .site-content .container,
body.single-fpm_webinar #content .container {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    max-width: 100% !important;
    width: 100% !important;
}

body.single-fpm_webinar .site-content-grid,
body.single-fpm_webinar .site-content-grid.bb-grid {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
}

body.single-fpm_webinar .site-content-grid > *,
body.single-fpm_webinar .site-content-grid.bb-grid > * {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
}

body.single-fpm_webinar #primary,
body.single-fpm_webinar main#primary,
body.single-fpm_webinar .single-webinar-v2-page {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Hero a sangre completa, sin huecos laterales */
body.single-fpm_webinar .single-noticia-v2__hero {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
}

/* Anula cualquier padding/margin del contenedor raíz en mobile */
body.single-fpm_webinar,
body.single-fpm_webinar #page.site,
body.single-fpm_webinar #page {
    margin: 0 !important;
    padding: 0 !important;
    overflow-x: hidden;
}

body.single-fpm_webinar #content.site-content {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
}

/* Asegura que cualquier wrapper de BuddyBoss (.bb-template-v2, etc.) no
   añada padding lateral en single-fpm_webinar */
body.single-fpm_webinar.bb-template-v2 #content,
body.single-fpm_webinar.bb-template-v2 .container,
body.single-fpm_webinar.bb-template-v2 .bb-grid {
    padding-left: 0 !important;
    padding-right: 0 !important;
    max-width: 100% !important;
}

/* El contenido del cuerpo (no hero) sí necesita padding interno.
   El layout de noticia es single-column (display:block); en webinars
   necesitamos 2 columnas (contenido + sidebar) en desktop. */
body.single-fpm_webinar .single-noticia-v2__layout {
    padding-left: 1.25rem !important;
    padding-right: 1.25rem !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 2rem;
}
@media (min-width: 1024px) {
    body.single-fpm_webinar .single-noticia-v2__layout {
        padding-left: 5rem !important;
        padding-right: 5rem !important;
        flex-direction: row !important;
        align-items: flex-start;
        gap: 3rem;
    }

    body.single-fpm_webinar .single-noticia-v2__main {
        flex: 1 1 0;
        min-width: 0;
    }

    body.single-fpm_webinar .single-noticia-v2__sidebar {
        width: 360px !important;
        flex: 0 0 360px;
    }
}

body.single-fpm_webinar .single-noticia-v2__nav {
    padding-left: 1.25rem !important;
    padding-right: 1.25rem !important;
}
@media (min-width: 1024px) {
    body.single-fpm_webinar .single-noticia-v2__nav {
        padding-left: 5rem !important;
        padding-right: 5rem !important;
    }
}

.single-webinar-v2-page {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
    min-height: 0 !important;
}

/* Anular cualquier min-height/margen del wrapper de BuddyBoss bajo nuestro <main> */
body.single-fpm_webinar #page,
body.single-fpm_webinar .site,
body.single-fpm_webinar #content.site-content,
body.single-fpm_webinar #primary,
body.single-fpm_webinar .site-content-grid {
    min-height: 0 !important;
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}

body.single-fpm_webinar #primary {
    padding: 0 !important;
}

body.single-fpm_webinar .site-content::after,
body.single-fpm_webinar .site-content::before { display: none !important; }

/* La nav prev/next es el último elemento del <main>: que no deje hueco */
.single-webinar-v2-page .single-noticia-v2__nav {
    margin-bottom: 0;
    padding-bottom: 0;
}

.single-webinar-v2-page .single-noticia-v2__nav-inner {
    padding-bottom: 1.5rem;
}

.single-webinar-v2-page .single-noticia-v2__breadcrumb {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
}

@media (min-width: 1024px) {
    .single-webinar-v2-page .single-noticia-v2__breadcrumb {
        padding-top: 1rem;
        padding-bottom: 1rem;
    }
}

/* --- Contenido del artículo ------------------------------------------- */
.single-webinar-v2__content {
    font-family: "Merriweather Sans", "Inter", -apple-system, sans-serif;
    font-size: 16px;
    line-height: 1.7;
    color: #5c5c5c;
}
.single-webinar-v2__content > *:first-child { margin-top: 0; }
.single-webinar-v2__content p { margin: 0 0 1.25rem; }
.single-webinar-v2__content p:last-child { margin-bottom: 0; }
.single-webinar-v2__content h2,
.single-webinar-v2__content h3 {
    font-family: "Merriweather", Georgia, serif;
    color: #1e1e1e;
    font-weight: 700;
    line-height: 1.25;
    margin: 2rem 0 0.85rem;
}
.single-webinar-v2__content h2 { font-size: 24px; }
.single-webinar-v2__content h3 { font-size: 20px; }
.single-webinar-v2__content a {
    color: #3d5519;
    text-decoration: underline;
    text-underline-offset: 3px;
}

/* --- Recording -------------------------------------------------------- */
.single-webinar-v2__recording {
    padding-top: 1.5rem;
    border-top: 1px solid rgba(129, 129, 129, 0.2);
}

.single-webinar-v2__recording-title {
    font-family: "Merriweather", Georgia, serif;
    font-size: 24px;
    font-weight: 700;
    color: #1e1e1e;
    margin: 0 0 1rem;
    line-height: 1.25;
}

.single-webinar-v2__recording-embed {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    border-radius: 1.25rem;
    background: #000;
    box-shadow: 0 8px 24px rgba(30, 30, 30, 0.12);
}

.single-webinar-v2__recording-embed iframe {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

/* --- Sidebar: panel de estado ----------------------------------------- */
.single-webinar-v2__panel {
    background: #ffffff;
    border: 1px solid rgba(129, 129, 129, 0.2);
    border-radius: 1.25rem;
    padding: 1.75rem;
    box-shadow: 0 4px 16px rgba(30, 30, 30, 0.06);
    margin-bottom: 1.5rem;
}

.single-webinar-v2__panel--live {
    background: linear-gradient(135deg, #f0f7e5 0%, #ffffff 100%);
    border-color: rgba(116, 179, 32, 0.4);
    box-shadow: 0 8px 24px rgba(116, 179, 32, 0.15);
}

.single-webinar-v2__panel--upcoming {
    background: #ffffff;
    border-color: rgba(116, 179, 32, 0.25);
}

.single-webinar-v2__panel--ended {
    background: #f7f7f5;
}

.single-webinar-v2__panel-header {
    display: flex;
    align-items: flex-start;
    gap: 0.85rem;
    margin-bottom: 1.25rem;
}

.single-webinar-v2__panel-icon {
    width: 44px;
    height: 44px;
    border-radius: 12px;
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #f5f5f5;
    color: #5c5c5c;
}

.single-webinar-v2__panel-icon svg { width: 22px; height: 22px; }

.single-webinar-v2__panel--live .single-webinar-v2__panel-icon {
    background: #74b320;
    color: #fff;
    box-shadow: 0 4px 12px rgba(116, 179, 32, 0.35);
}

.single-webinar-v2__panel--upcoming .single-webinar-v2__panel-icon {
    background: #f0f7e5;
    color: #3d5519;
}

.single-webinar-v2__panel-eyebrow {
    font-family: "Inter", -apple-system, sans-serif;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #818181;
    margin: 0 0 0.25rem;
}

.single-webinar-v2__panel-title {
    font-family: "Merriweather", Georgia, serif;
    font-size: 20px;
    line-height: 1.25;
    font-weight: 700;
    color: #1e1e1e;
    margin: 0;
}

.single-webinar-v2__panel-text {
    font-family: "Merriweather Sans", "Inter", sans-serif;
    font-size: 15px;
    line-height: 1.55;
    color: #5c5c5c;
    margin: 0 0 1.25rem;
}

/* Lista de datos en panel upcoming */
.single-webinar-v2__panel-list {
    list-style: none;
    padding: 0;
    margin: 0 0 1.25rem;
    border-top: 1px solid rgba(129, 129, 129, 0.15);
}

.single-webinar-v2__panel-list li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.85rem 0;
    border-bottom: 1px solid rgba(129, 129, 129, 0.15);
    font-family: "Inter", -apple-system, sans-serif;
    font-size: 14px;
}

.single-webinar-v2__panel-list span { color: #818181; }
.single-webinar-v2__panel-list strong {
    color: #1e1e1e;
    font-weight: 600;
    text-align: right;
}

.single-webinar-v2__panel-note {
    display: flex;
    align-items: flex-start;
    gap: 0.55rem;
    margin: 0;
    padding: 0.85rem 1rem;
    background: #f0f7e5;
    border-radius: 0.75rem;
    font-family: "Inter", -apple-system, sans-serif;
    font-size: 13px;
    line-height: 1.5;
    color: #3d5519;
}

.single-webinar-v2__panel-note svg {
    flex-shrink: 0;
    margin-top: 2px;
    color: #74b320;
}

/* --- CTA -------------------------------------------------------------- */
.single-webinar-v2__cta {
    display: inline-flex;
    width: 100%;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    padding: 0.9rem 1.5rem;
    background: #74b320;
    color: #fff !important;
    font-family: "Inter", -apple-system, sans-serif;
    font-size: 15px;
    font-weight: 600;
    text-decoration: none !important;
    border-radius: 0.625rem;
    transition: background 200ms cubic-bezier(0.4, 0, 0.2, 1),
                transform 150ms cubic-bezier(0.4, 0, 0.2, 1),
                box-shadow 200ms cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 4px 14px rgba(116, 179, 32, 0.32);
    box-sizing: border-box;
}

.single-webinar-v2__cta:hover {
    background: #3d5519;
    transform: translateY(-1px);
    box-shadow: 0 8px 20px rgba(61, 85, 25, 0.35);
}

.single-webinar-v2__cta:active { transform: translateY(0); }

.single-webinar-v2__cta--secondary {
    background: #ffffff;
    color: #3d5519 !important;
    border: 2px solid #74b320;
    box-shadow: none;
    width: auto;
    padding: calc(0.9rem - 2px) calc(1.5rem - 2px);
}

.single-webinar-v2__cta--secondary:hover {
    background: #74b320;
    color: #fff !important;
}

/* --- Sidebar: próximos webinars --------------------------------------- */
.single-webinar-v2__upcoming {
    background: #ffffff;
    border: 1px solid rgba(129, 129, 129, 0.2);
    border-radius: 1.25rem;
    padding: 1.5rem;
}

.single-webinar-v2__upcoming-title {
    font-family: "Merriweather", Georgia, serif;
    font-size: 18px;
    font-weight: 700;
    color: #1e1e1e;
    margin: 0 0 1rem;
    line-height: 1.3;
}

.single-webinar-v2__upcoming-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.single-webinar-v2__upcoming-list li + li {
    border-top: 1px solid rgba(129, 129, 129, 0.15);
    margin-top: 0.75rem;
    padding-top: 0.75rem;
}

.single-webinar-v2__upcoming-item {
    display: flex;
    gap: 0.85rem;
    align-items: center;
    text-decoration: none !important;
    color: inherit;
    transition: transform 200ms cubic-bezier(0.4, 0, 0.2, 1);
}

.single-webinar-v2__upcoming-item:hover { transform: translateX(2px); }
.single-webinar-v2__upcoming-item:hover .single-webinar-v2__upcoming-name { color: #74b320; }

.single-webinar-v2__upcoming-date {
    flex-shrink: 0;
    width: 52px;
    height: 56px;
    border-radius: 0.625rem;
    background: #f0f7e5;
    color: #3d5519;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 0.25rem;
    border: 1px solid rgba(116, 179, 32, 0.25);
}

.single-webinar-v2__upcoming-day {
    font-family: "Merriweather", Georgia, serif;
    font-size: 22px;
    font-weight: 700;
    line-height: 1;
}

.single-webinar-v2__upcoming-month {
    font-family: "Inter", -apple-system, sans-serif;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    margin-top: 2px;
}

.single-webinar-v2__upcoming-meta { flex: 1; min-width: 0; }

.single-webinar-v2__upcoming-name {
    font-family: "Inter", -apple-system, sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.35;
    color: #1e1e1e;
    margin: 0 0 2px;
    transition: color 200ms cubic-bezier(0.4, 0, 0.2, 1);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.single-webinar-v2__upcoming-time {
    font-family: "Inter", -apple-system, sans-serif;
    font-size: 12px;
    color: #818181;
    margin: 0;
}

/* --- Responsive ------------------------------------------------------- */
@media (max-width: 1023px) {
    .single-webinar-v2__panel { margin-bottom: 1rem; }
}

@media (max-width: 768px) {
    .single-webinar-v2__badge { font-size: 11px; padding: 0.35rem 0.75rem; }
    .single-webinar-v2__panel { padding: 1.25rem; }
    .single-webinar-v2__panel-title { font-size: 18px; }
    .single-webinar-v2__upcoming { padding: 1.25rem; }
    .single-webinar-v2__cta--secondary { width: 100%; }

    /* Card del hero en mobile: más compacta, alineada a la izquierda */
    body.single-fpm_webinar .single-noticia-v2__hero-card {
        padding: 1rem 1.25rem !important;
        border-radius: 1.25rem;
    }

    body.single-fpm_webinar .single-noticia-v2__hero-card .single-noticia-v2__title {
        font-size: 22px !important;
        margin-bottom: 0.75rem !important;
        max-width: none;
    }

    /* Meta del hero: 2 columnas para fecha/hora, share debajo a la izquierda */
    body.single-fpm_webinar .single-noticia-v2__hero-meta {
        flex-direction: row !important;
        flex-wrap: wrap;
        align-items: center;
        gap: 0.5rem 1rem !important;
    }

    body.single-fpm_webinar .single-noticia-v2__date,
    body.single-fpm_webinar .single-noticia-v2__reading-time {
        flex: 0 0 auto;
    }

    body.single-fpm_webinar .single-noticia-v2__date svg,
    body.single-fpm_webinar .single-noticia-v2__reading-time svg {
        width: 18px !important;
        height: 18px !important;
    }

    body.single-fpm_webinar .single-noticia-v2__date time,
    body.single-fpm_webinar .single-noticia-v2__reading-time span {
        font-size: 13px !important;
    }

    /* Share alineado a la derecha — si no cabe baja y sigue compacto */
    body.single-fpm_webinar .single-webinar-v2__share {
        margin-left: auto;
        flex: 0 0 auto;
    }

    /* Botón compartir compacto (no ocupa todo el ancho) */
    .single-webinar-v2__share .fpm-share-button a,
    .single-webinar-v2__share .fpm-share-link {
        padding: 0.45rem 0.9rem !important;
        font-size: 13px !important;
    }
    .single-webinar-v2__share .fpm-share-button a:before,
    .single-webinar-v2__share .fpm-share-link:before {
        width: 14px !important;
        height: 14px !important;
        margin-right: 4px !important;
    }
}

/* --- Fuerza icono blanco del share (gana a media queries y main-v2) -- */
body.single-fpm_webinar .single-webinar-v2__share .fpm-share-button a:before,
body.single-fpm_webinar .single-webinar-v2__share .fpm-share-link:before {
    background-image: url('data:image/svg+xml;utf8,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7.15833 11.2587L12.85 14.5753M12.8417 5.42533L7.15833 8.74199M17.5 4.16699C17.5 5.5477 16.3807 6.66699 15 6.66699C13.6193 6.66699 12.5 5.5477 12.5 4.16699C12.5 2.78628 13.6193 1.66699 15 1.66699C16.3807 1.66699 17.5 2.78628 17.5 4.16699ZM7.5 10.0003C7.5 11.381 6.38071 12.5003 5 12.5003C3.61929 12.5003 2.5 11.381 2.5 10.0003C2.5 8.61961 3.61929 7.50033 5 7.50033C6.38071 7.50033 7.5 8.61961 7.5 10.0003ZM17.5 15.8337C17.5 17.2144 16.3807 18.3337 15 18.3337C13.6193 18.3337 12.5 17.2144 12.5 15.8337C12.5 14.4529 13.6193 13.3337 15 13.3337C16.3807 13.3337 17.5 14.4529 17.5 15.8337Z" stroke="%23ffffff" stroke-width="1.67" stroke-linecap="round" stroke-linejoin="round"/></svg>') !important;
}