.bc-microbox-button{
position: relative;
--multiply: 0.75; 
width: calc(300px * var(--multiply));  
height: calc(100px * var(--multiply));  
display: flex;
justify-content: center;
align-items: center;
border: 0; 
border-radius: 15px;
overflow: hidden;
white-space: wrap;
}
.bc-microbox-button__grid{
position: absolute;
width: calc(300px * var(--multiply));  
height: calc(100px * var(--multiply));  
display: grid;
justify-content: center;
align-items: center;
grid-auto-columns: 1fr;
grid-tp-areas:
". . . . . . . . . . . . . ."
". . . . . . . . . . . . . ."
". . . . . . . . . . . . . ."
". . . . . . . . . . . . . ."
". . . . . . . . . . . . . ."
". . . . . . . . . . . . . ."
". . . . . . . . . . . . . ."
". . . . . . . . . . . . . ."
". . . . . . . . . . . . . ."
". . . . . . . . . . . . . ."
". . . . . . . . . . . . . ."
". . . . . . . . . . . . . Area";
grid-tp-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
grid-tp-rows: auto auto auto auto auto auto auto auto auto auto;
background: #2d61f0; 
}
.bc-microbox-button__square{
-webkit-box-direction: normal;
box-sizing: border-box;
width: calc(10px * var(--multiply));  
height: calc(10px * var(--multiply));  
background: #1f1f1f; 
transform: scale(1);
}
.bc-microbox-button__title{
position: absolute;
color: #fff; 
}