.ludy-trigger {
    display: inline-block;
    padding: 10px 20px;
    cursor: pointer;
    background: #FFD400;
    color: #fff;
    font-family: 'coc', sans-serif;
    text-shadow: 0px 3px 5px rgba(0, 0, 0, 0.45);
    border-radius: 6px;
    font-size: 22px;
    border: 3px solid #FFBC00;
    box-shadow: inset 0px -26px 0px #FFBC00;
}

.ludy-trigger:hover {
    color: #fff;
    text-decoration: none;
}

.ludy-wrapper {
    display: none;
}

.ludy-options a {
    display: block;
    font-size: 12px;
    border-radius: 8px;
    color: #fff;
    text-shadow: 1px 1px 0px #AD8210;
    padding: 10px 15px;
    margin-bottom: 4px;
    background: #ffc832;
    background: -moz-linear-gradient(top, #ffc832 0%, #e8aa00 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffc832), color-stop(100%, #e8aa00));
    background: -webkit-linear-gradient(top, #ffc832 0%, #e8aa00 100%);
    background: -o-linear-gradient(top, #ffc832 0%, #e8aa00 100%);
    background: -ms-linear-gradient(top, #ffc832 0%, #e8aa00 100%);
    background: linear-gradient(to bottom, #ffc832 0%, #e8aa00 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffc832', endColorstr='#e8aa00', GradientType=0);
}

.ludy-options a:hover {
    text-decoration: none;
    background: #e8aa00;
    background: -moz-linear-gradient(top, #e8aa00 0%, #ffc832 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e8aa00), color-stop(100%, #ffc832));
    background: -webkit-linear-gradient(top, #e8aa00 0%, #ffc832 100%);
    background: -o-linear-gradient(top, #e8aa00 0%, #ffc832 100%);
    background: -ms-linear-gradient(top, #e8aa00 0%, #ffc832 100%);
    background: linear-gradient(to bottom, #e8aa00 0%, #ffc832 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8aa00', endColorstr='#ffc832', GradientType=0);
}