.dice {
    height: 150px;
    width: 150px;
    border: 2px solid black;
    border-radius: 10%;

    img{
        border-radius: 10%;
    }

    &.selected {
        box-shadow: 0 0 20px green;
    }

    &.disabled {
        box-shadow: 0 0 20px grey;
    }

    &.rotate-90 {
        transform: rotate(-90deg);
    }

    &.rotate-180 {
        transform: rotate(180deg);
    }

    &.rotate-270 {
        transform: rotate(90deg);
    }

    transition: transform 0.5s cubic-bezier(.47,1.64,.41,.8);
}

.special-dice-set .dice {
    height: 80px;
    width: 80px;
}