.toscane-vote-block {
margin: 15px 0;
}
.toscane-vote-label {
display: block;
margin-bottom: 8px;
font-weight: bold;
font-size: 18px;
}
.toscane-vote-row {
display: flex;
align-items: center;
gap: 12px;
flex-wrap: wrap; }
.toscane-vote-stars {
display: inline-flex;
flex-direction: row-reverse;
gap: 6px;
cursor: pointer; }
.toscane-vote-stars input[type="radio"] {
display: none;
}
.toscane-vote-stars label {
font-size: 36px;
color: #ccc;
cursor: pointer;
line-height: 36px;
user-select: none; transition: color 0.2s ease; } .toscane-vote-stars label:hover,
.toscane-vote-stars label:hover ~ label {
color: #ffd700;
} .toscane-vote-stars input[type="radio"]:checked ~ label {
color: #ffd700;
}
.toscane-vote-button {
display: flex;
align-items: center;
gap: 8px;
} .toscane-vote-loading {
display: inline-block;
visibility: hidden;
width: 18px;
height: 18px;
border: 2px solid #ccc;
border-top-color: #333; border-radius: 50%;
}
.toscane-vote-loading.show {
visibility: visible;
animation: spin 0.7s linear infinite;
vertical-align: middle;
}
.toscane-vote-info {
font-size: 0.9rem;
line-height: 1.5;
margin: 10px 0 15px;
color: #555;
}
.vote-average-meta { }
.vote-average-meta a {
text-decoration: none;
border: 0;
}
.vote-star {
color: #de51ff;
margin-right: 2px;
}
.toscane-vote-already {
padding: 12px;
background: #f5f5f5;
border: 1px solid #ddd;
border-radius: 6px;
font-weight: 600;
}
#toscane-vote-submit {
scroll-margin-top: 200px;
}
#toscane-vote-submit {
border: 1px solid #9e5cad;
background: #9e5cad;
cursor: pointer;
border-radius: 4px;
color: #f4f4f4;
font-size: .8rem;
-webkit-box-shadow: 0 2px 0 #9e5cad;
box-shadow: 0 2px 0 #9e5cad;
transition: all 0.2s ease;
}
#toscane-vote-submit:hover {
opacity: 0.9;
}
#toscane-vote-submit:active {
transform: translateY(1px);
}
@keyframes spin {
from { transform: rotate(0deg); }
to { transform: rotate(360deg); }
}