.sb-container,div.sb-container>*{transition:.3s}.sb-background{display:inline-block;cursor:pointer;border-radius:1em;height:5em;width:10em;margin:0;padding:0;background-position:center;background-size:contain;background-repeat:no-repeat;box-shadow:0 0 33px -15px #000000bf}.sb-container:hover{background-color:#05050566}.sb{position:absolute;display:inline-block;width:10em;color:#0000}.sb-container:hover>span{color:#fff}.black .sb-container{border:1px solid rgba(255,255,255,.15)}.sb-container{display:flex;height:100%;width:100%;border-radius:1em;padding:0;align-items:center}@media (hover: none){.sb-background{height:30.25vw;width:30.25vw;margin:0}.sb{max-width:30.25vw;width:100%;padding:.25em}.sb-container{background-color:#05050599}.sb-container>span{color:#fff}}