/* === 16Personalities-style radio buttons === */
input[type="radio"] {
display: none;
}
input[type="radio"] + label {
display: inline-block;
width: 45px;
height: 45px;
margin: 6px;
border-radius: 50%;
border: 2px solid #ccc;
background-color: #f0f0f0;
cursor: pointer;
transition: all 0.2s ease;
}
input[type="radio"]:checked + label {
background-color: #6c63ff;
border-color: #6c63ff;
transform: scale(1.1);
}
input[type="radio"] + label:hover {
background-color: #e3e0ff;
}
top of page
bottom of page