/* Read More Arrow Styling - keeps original link styling intact */
.read-more-arrow {
    display: inline-block;
    margin-left: 5px;
    width: 10px; /* Smaller SVG to match .875rem font */
    height: 10px; /* Smaller SVG to match .875rem font */
    transition: transform 0.3s ease;
    vertical-align: middle;
}

/* Universal hover selector to catch all types of read more links */
a:hover .read-more-arrow,
a:focus .read-more-arrow {
    transform: rotate(45deg); /* Only rotate 45 degrees */
}

/* Ensure SVG colors match theme */
.read-more-arrow path {
    fill: #D2302C; /* Brand red color */
}