/**
 * 音频点赞按钮样式
 *
 * @package WaveSurfer-WP
 */

/* 点赞按钮基础样式 */
.wavesurfer-like {
    background: transparent;
    border: none;
    cursor: pointer;
    padding: 5px 10px;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    transition: all 0.3s ease;
    font-size: 14px;
}

.wavesurfer-like:hover {
    transform: scale(1.1);
}

.wavesurfer-like.liked i {
    animation: heartBeat 0.5s ease;
}

.wavesurfer-like.processing {
    opacity: 0.6;
    cursor: not-allowed;
}

.wavesurfer-like i {
    font-size: 16px;
}

.wavesurfer-like .like-count {
    font-size: 13px;
    font-weight: 500;
    color: var(--global-light-purple);
}

/* 心跳动画 */
@keyframes heartBeat {
    0%, 100% {
        transform: scale(1);
    }
    25% {
        transform: scale(1.3);
    }
    50% {
        transform: scale(1.1);
    }
    75% {
        transform: scale(1.2);
    }
}

/* 播放列表中的点赞数量显示 */
.wavesurfer-playlist-track-likes {
    display: inline-flex;
    gap: 5px;
    align-items: center;
    opacity: 0.5;
    margin-left: auto;
    margin-right: 25px;
}

.wavesurfer-playlist-track-likes i {
    font-size: 14px;

}

.wavesurfer-like i{
    margin-right: 0 !important;
    font-size: 26px !important;
    position: relative;
    top: -2px;
}

button.wavesurfer-like.liked i ,
button.wavesurfer-like.liked .like-count{
    color: #e29595 !important;
}