html { font-size: 1.042vw;}
*, *:before, *:after { box-sizing:border-box;}
.referi-body { background: #000; margin: 0; min-height: 100vh; font-family:Arial, sans-serif;}
#wpadminbar { position: fixed;}

.referi-votes { display: flex; justify-content: center; align-items:center; height: 100vh; width: 100%;}
.admin-bar .referi-votes { height: calc(100vh - 32px);}
@media (max-width: 782px) {
    .admin-bar .referi-votes { height: calc(100vh - 46px);}
}
.rf-items .vote-item { display: block; width:27.6%; max-width: 65vh; margin:0 1.8%;}
.referi-votes .vote-inner { display: block; padding-bottom: calc(100% - 0.5rem); border-radius: 50%; border:0.25rem solid #fff;}
.referi-votes .vote-yes .vote-inner { border-color:#f00; background: #f00;}
.referi-votes .vote-no .vote-inner { border-color:#fff; background: #fff;}

.vote-actions { display: flex; flex-wrap:wrap; justify-content: center; align-items:center; height: 100vh; width: 100%;}
.vote-actions .vote-item { cursor: pointer;}
.vote-actions .vote-inner { display: block; padding-bottom: calc(100% - 20px); border-radius: 50%; border:0.5rem solid #fff;}
.vote-actions .vote-check-yes .vote-inner { border-color:#f00;}
.vote-actions .vote-check-no .vote-inner { border-color:#fff;}
.vote-actions .vote-check-yes.checked .vote-inner { background:#f00;}
.vote-actions .vote-check-no.checked .vote-inner { background:#fff;}
.vote-actions .next-button-wrap { margin-top: 2.5rem; width: 100%; margin-bottom: auto;}
.vote-actions .btn-next-participant { display: block; width: 28rem; background: transparent; border:0.25rem solid #fff; border-radius: 0.25rem; color:#fff; font-size: 1.5rem; line-height: 1.8rem; text-transform: uppercase; text-align: center; padding: 2.25rem; margin: 0 auto; text-decoration: none; outline: none;}
.vote-actions .btn-next-participant.disabled { cursor: default; opacity: 0.5;}
.vote-actions .btn-next-participant:not(.disabled):hover { background: #fff; color:#f00;}