/*
Template:       blogxer
Theme Name:     Blogxer Child Theme
Theme URI:      http://radiustheme.com/demo/wordpress/blogxer
Author:         RadiusTheme
Author URI:     http://radiustheme.com
Description:    Blogxer is a clean and Modern WordPress Theme. It is best suited for Creative blog theme
Version:        1.0
Text Domain:    blogxer
Tags: left-sidebar, right-sidebar, custom-background, custom-colors, custom-header, custom-menu, translation-ready
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/
/* Анімована риска як у головному меню Blogxer */
.songs-list .song-title a {
    position: relative;
    color: #ff3366; /* колір тексту */
    text-decoration: none;
    font-weight: 700;
    transition: color 0.3s ease;
}

.songs-list .song-title a::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -4px; /* відстань від тексту */
    width: 100%;
    height: 2px; /* товщина риски */
    background-color: #ff3366;
    transform: scaleX(0); /* початково прихована */
    transform-origin: right; /* початок анімації справа */
    transition: transform 0.3s ease;
}

.songs-list .song-title a:hover::after {
    transform: scaleX(1); /* розтягується при ховері */
    transform-origin: left; /* анімація зліва направо */
}