<p>
    <abbr
        title="National Aeronautics and Space Administration – Національне управління з аеронавтики і дослідження космічного простору"
        >NASA</abbr
    >
    – це агентство уряду США, що займається дослідженнями в галузі аеронавтики та космічних польотів.
</p>

abbr {
    color: chocolate;
}

@media (hover: hover) {
    abbr:hover {
        color: limegreen;
        transition-duration: 1s;
    }
}

@media not all and (hover: hover) {
    abbr::after {
        content: ' (' attr(title) ')';
    }
}