.emoji-container input[type="radio"] {
    display: none;
}

.emoji-container input[type="radio"]+span {
    font-size: 2rem;
    cursor: pointer;
    position: relative;
    display: inline-block;
    transition: transform 0.2s;
}

.emoji-container input[type="radio"]:checked+span::after,
.emoji-container input[type="radio"]+span:hover::after {
    content: '✓';
    font-size: 1rem;
    position: absolute;
    top: -10px;
    right: -10px;
    background: #fff;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.emoji-container input[type="radio"]:checked+span:hover::after {
    transform: scale(1.2);
}

.emoji-container input[type="radio"]:checked+span,
.emoji-container input[type="radio"]+span:hover {
    transform: scale(1.2);
}

.emoji-container input[type="radio"]:checked+span:hover::after {
    color: #2e2e2e;
    border: 2px solid #2e2e2e;
}

.emoji-container input[type="radio"]:checked+span:hover::after {
    color: #38a169;
    border: 2px solid #38a169;
}

.emoji-positive input[type="radio"]:checked+span::after,
.emoji-positive input[type="radio"]+span:hover::after {
    color: #38a169;
    border: 2px solid #38a169;
}

.body-custom {
    background-color: #fff;
}

.btn-custom {
    background-color: #f7d935;
    color: #333333;
}

.btn-custom:hover {
    background-color: #F7C935;
    color: #333333;
}