.epl4-card{
 width:360px;
 background:#f4f6fb;
 border-radius:16px;
 padding:16px;
 font-family:Arial;
 box-shadow:0 6px 20px rgba(0,0,0,.15);
}
.epl4-top{
 display:flex;
 justify-content:space-between;
 background:#3b5db9;
 color:#fff;
 padding:6px 12px;
 border-radius:12px;
}
.live{
 background:#d6f5df;
 color:#1b7f3a;
 padding:2px 10px;
 border-radius:20px;
 font-size:12px;
}
.question{
 font-weight:bold;
 margin:14px 0;
}
.option{
 margin-bottom:12px;
 cursor:pointer;
}
.bar{
 position:relative;
 background:#e0e0e0;
 height:22px;
 border-radius:12px;
 overflow:hidden;
 display:block;
}
.label{
 position:absolute;
 left:10px;
 top:2px;
 font-weight:bold;
 z-index:2;
}
.yes-label{color:#2e7d32}
.no-label{color:#c62828}
.fill{
 height:100%;
 width:0;
}
.yes-fill{background:#43a047}
.no-fill{background:#e53935}
.pct{
 position:absolute;
 right:10px;
 top:2px;
 font-weight:bold;
 z-index:2;
 color:#333;
}
.footer{
 display:flex;
 justify-content:space-between;
 align-items:center;
 margin-top:8px;
}
.vote-btn{
 background:#3b5db9;
 color:#fff;
 border:none;
 padding:6px 18px;
 border-radius:22px;
}
.thanks{
 display:none;
 color:#2e7d32;
 font-weight:bold;
 margin-top:10px;
}