/** Article actions align with the bottom-right edge of the content container. */
.nascar-post-actions {
    position: relative;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 4px;
    margin-top: 30px;
    padding-bottom: 24px;
    color: #072c73;
}
.nascar-post-actions__share { position: relative; }
.nascar-post-actions button,
.nascar-post-actions__links a {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    min-width: 32px;
    min-height: 40px;
    padding: 5px;
    border: 0;
    border-radius: 2px;
    background: transparent;
    color: inherit;
    font: 400 16px/1.3 var(--font-nascar, 'Open Sans', sans-serif);
    text-decoration: none;
    cursor: pointer;
}
.nascar-post-actions svg {
    display: block;
    width: 20px;
    height: 20px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.4;
    stroke-linecap: round;
    stroke-linejoin: round;
}
.nascar-post-actions__like { gap: 8px; }
.nascar-post-actions__like[aria-pressed='true'] { color: #f4524d; }
.nascar-post-actions__like[aria-pressed='true'] svg { fill: currentColor; }
.nascar-post-actions__like:disabled { cursor: wait; opacity: .55; }
.nascar-post-actions__links {
    position: absolute;
    right: calc(100% + 10px);
    bottom: 0;
    display: flex;
    padding: 0 8px;
    background: #f4f4f4;
    color: #888;
    animation: nascar-share-in 220ms ease-out both;
}
.nascar-post-actions__links[hidden] { display: none; }
.nascar-post-actions__links::after {
    content: '';
    position: absolute;
    top: 14px;
    right: -6px;
    border-block: 6px solid transparent;
    border-left: 6px solid #f4f4f4;
}
.nascar-post-actions__facebook { font-family: Arial, sans-serif; font-weight: 700; font-size: 20px; }
.nascar-post-actions button:hover,
.nascar-post-actions__links a:hover { color: #f4524d; }
.nascar-post-actions :is(button, a):focus-visible { outline: 2px solid #072c73; outline-offset: 2px; }
@keyframes nascar-share-in {
    from { opacity: 0; transform: translateX(8px); }
    to { opacity: 1; transform: translateX(0); }
}
@media (max-width: 359px) {
    .nascar-post-actions__links { padding-inline: 3px; right: calc(100% + 4px); }
    .nascar-post-actions__links :is(a, button) { min-width: 28px; }
}
@media (prefers-reduced-motion: reduce) {
    .nascar-post-actions__links { animation: none; }
}