.square {
    aspect-ratio: 1;
    display: inline-flex;
    width: 3.3125rem;
}

.square--orange {
    background-color: rgb(225 77 33 / 40%);
}

.square--yellow {
    background-color: rgb(255 153 64 / 60%);
}

.square--orange.square--opacity20 {
    background-color: rgb(225 77 33 / 20%);
}

.square--yellow.square--opacity20 {
    background-color: rgb(255 153 64 / 20%);
}

.square--yellow.square--opacity40 {
    background-color: rgb(255 153 64 / 40%);
}

.square--yellow-sp {
    background-color: rgb(255 194 140 / 40%);
}