.order-target-content {
    --order-target-accent: #7457d8;
    display: grid;
    gap: 9px;
    min-width: 0;
}
.widget .order-target-content { --order-target-accent: var(--widget-accent-strong); }
[data-order-tracker] .order-target-content { --order-target-accent: var(--tracking-strong); }
body.sc-support-theme .order-target-content { --order-target-accent: var(--sc-primary-deep); }
.order-target-text { display: block; overflow-wrap: anywhere; white-space: normal; }
.order-target-links { display: flex; flex-wrap: wrap; gap: 7px; min-width: 0; }
.order-target-content .order-target-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    min-height: 36px;
    padding: 7px 11px;
    border: 1px solid color-mix(in srgb, var(--order-target-accent) 24%, white);
    border-radius: 9px;
    color: var(--order-target-accent);
    background: color-mix(in srgb, var(--order-target-accent) 6%, white);
    font: inherit;
    font-size: 12px;
    font-weight: 650;
    line-height: 1.4;
    text-decoration: none;
    white-space: nowrap;
    box-shadow: 0 1px 2px #30253f05;
    transition: background .15s, border-color .15s;
}
.order-target-content .order-target-link:hover {
    background: color-mix(in srgb, var(--order-target-accent) 11%, white);
    border-color: color-mix(in srgb, var(--order-target-accent) 40%, white);
}
.order-target-content .order-target-link:focus-visible {
    outline: 3px solid color-mix(in srgb, var(--order-target-accent) 48%, white);
    outline-offset: 3px;
}
.order-target-link svg { flex: 0 0 auto; width: 14px; height: 14px; }
.widget-detail-row .order-target-links,
.tracking-summary-row .order-target-links { justify-content: flex-end; }
@media (prefers-reduced-motion: reduce) {
    .order-target-content .order-target-link { transition: none; }
}