.btn-light-dle {
    color: #8EB72E !important;
    background-color: #eff7df !important;
    border-color: #eff7df !important;
}
.btn-light-dle:hover {
    color: #8EB72E !important;
    background-color: #eff7df !important;
    border-color: #eff7df !important;
}
.btn-light-dle:focus, .btn-light-dle.focus {
    color: #8EB72E;
    background-color: #eff7df !important;
    border-color: #eff7df !important;
    box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.5) !important;
}
.btn-light-dle:disabled, .btn-light-dle.disabled {
    color: #8EB72E;
    background-color: #e7f6e7;
    border-color: #c5e0c5;
}
.btn-light-dle:not(:disabled):not(.disabled):active, .btn-light-dle:not(:disabled):not(.disabled).active,
.show>.btn-light-dle.dropdown-toggle {
    color: #8EB72E !important;
    background-color: #cfe7cf !important;
    border-color: #a7cda7 !important;
}
.btn-light-dle:not(:disabled):not(.disabled):active:focus, .btn-light-dle:not(:disabled):not(.disabled).active:focus {
    box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.5);
}

/* Style for the rolling circle */
.rolling-circle {
    display: inline-block;
    width: 15px;
    height: 15px;
    border: 3px solid #fff;
    border-top: 3px solid #57701d;
    border-radius: 50%;
    margin-top: 5px;
    animation: rollingCircle 1s linear infinite;
}