.cf7ec-captcha {
width: 100%;
margin-top: 1em;
padding: 1em;
background: #f9f9f9;
border: 1px solid #ddd;
text-align: center;
}
.cf7ec-instruction {
width: 100%;
display: block;
margin-bottom: 1em;
}
.cf7ec-instruction img {
max-width: 100%;
height: auto;
display: block;
margin: 0 auto;
user-select: none;
-webkit-user-drag: none;
pointer-events: none;
}
.cf7ec-emoji-list {
display: flex;
justify-content: center;
flex-wrap: wrap;
gap: 0.5em;
padding-top: 1em;
margin-bottom: 1em;
}
.cf7ec-emoji {
font-size: 2rem;
cursor: pointer;
transition: transform 0.1s ease;
padding: 0.2em;
line-height: 1;
background: none;
border: none;
user-select: none;
}
.cf7ec-emoji:hover {
transform: scale(1.3);
}
.cf7ec-emoji:focus-visible {
outline: 2px solid #0073aa;
outline-offset: 2px;
border-radius: 4px;
}
#cf7ec-result-message {
font-size: 1em;
margin-top: 0.5em;
color: #333;
}
@media (max-width: 600px) {
.cf7ec-emoji {
font-size: 1.5em;
}
#cf7ec-result-message {
font-size: 0.95em;
}
}