.ens-voice-card {

    background: #f8f9fb;

    border: 1px solid #e7e9ee;

    border-radius: 24px;

    padding: 22px;

    margin: 30px 0;

    display: flex;

    flex-direction: column;

    gap: 20px;

    box-shadow:
        0 10px 30px rgba(0,0,0,.05);

}



.ens-voice-header {

    display:flex;

    align-items:center;

    gap:15px;

}



.ens-voice-icon {

    width:46px;

    height:46px;

    display:flex;

    align-items:center;

    justify-content:center;

    background:#ffffff;

    border-radius:50%;

    font-size:24px;

}



.ens-voice-header strong {

    font-size:17px;

    line-height:1.2;

    display:block;

    color:#111;

}



.ens-voice-header small {

    display:block;

    margin-top:4px;

    color:#777;

    font-size:13px;

}



.ens-voice-play {

    width:70px;

    height:70px;

    margin:auto;

    border-radius:50%;

    border:none;

    background:#111;

    color:#fff;

    font-size:28px;

    cursor:pointer;

    transition:.2s ease;

}



.ens-voice-play:hover {

    transform:scale(1.05);

}



.ens-voice-progress {

    width:100%;

    height:8px;

    background:#ddd;

    border-radius:20px;

    overflow:hidden;

}



.ens-voice-progress span {

    display:block;

    height:100%;

    width:0;

    background:#111;

    transition:width .2s linear;

}



.ens-voice-time {

    text-align:center;

    font-size:13px;

    color:#666;

}



.ens-voice-audio {

    display:none;

}