.pageBtn {
    background:#ffaf39;
    color:#003b37;
    font-size:2em;
    width:380px;
    height:50px;
    line-height:50px;
    border-radius:5px;
    box-shadow:inset 0 -5px rgba(0,0,0,0.3);
    position:absolute;
    left:150px;
}

.pageBtn:active {
    box-shadow:none;
    height:45px;
    margin-top:5px;
}

.drags {
    position:absolute;
    bottom:30px;
    left:80px;
    z-index:10;
}

.drags span {
    background:red;
    width:40px;
    height:40px;
    border-radius:50%;
    display:inline-block;
    color:#FFF;
    font-size:2em;
    margin:10px;
}

.drags:hover {
    cursor: pointer;
}

.drags span:first-child {background:#e9454b}
.drags span:nth-child(2) {background:#f7931e}
.drags span:nth-child(3) {background:#8cc63f}
.drags span:nth-child(4) {background:#0071bc}
.drags span:last-child {background:#93278f}

.drops div {
    width:40px;
    height:40px;
    border-radius:50%;
    box-sizing:border-box;
    border:dashed 2px #333;
    background:white;
    display:block;
    position:absolute;
    right:60px;
}

.drops div.dropped {
    font-size:2em;
    border:none;
    color:#FFF;
}