#punyu-button-wrapper {
    height: 100px;
}

#punyu-button {
    width: 100px;
    height: 100px;
    transition: background-color 0.3s;
    background-color: pink;
    border: 0;
    box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 15%), 0 -0.1rem 1rem rgb(0 0 0 / 15%) inset
}

#punyu-button:hover {
    background-color: skyblue;
}

#punyu-button-done:not(.punyu-button-done) {
    display: none;
}

@keyframes done {
    from {
        transform: scale(0.5) rotate(270deg);
    }
    to {
        transform: scale(1) rotate(10deg);; 
    }
}

.punyu-button-done {
    animation: done 0.5s;
    display: block;
    transform: rotate(10deg);
    font-size: 80px;
    width: 100px;
    height: 100px;
    line-height: 100px;
    user-select: none;
}