.box {
    background: #fffdf5;
    border-radius: 0.3rem;
    height: 8rem;
    width: 8rem;
}
.shadow {
    box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
    transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1);
}
.shadow:hover {
    box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
}


.shadow_option {
    transition: box-shadow .3s;
    margin: 3px;
    border-radius:10px;
    border: 1px solid #ccc;
    background: #fff;
    float: left;
}

.shadow_option:hover {
    box-shadow: 0 0 11px rgba(33,33,33,.2); 
}