.spg-container{background:linear-gradient(145deg,#f8f8f8,#e0e0e0);border-radius:50%;justify-content:center;align-items:center;padding:8px;transition:all .3s;display:inline-flex;position:relative;box-shadow:0 10px 20px #00000026,inset 0 -3px 6px #0000001a,inset 0 3px 6px #ffffffe6}.spg-container.clickable{cursor:pointer}.spg-container.clickable:hover{background:linear-gradient(145deg,#fff,#f0f0f0);transform:translateY(-2px);box-shadow:0 15px 25px #0003,inset 0 -3px 6px #0000001a,inset 0 3px 6px #ffffffe6}.spg-container.clickable:active{transform:translateY(0);box-shadow:0 8px 15px #00000026,inset 0 -2px 4px #0000001a,inset 0 2px 4px #ffffffe6}.spg-container:before{content:"";pointer-events:none;background:linear-gradient(135deg,#fffc,#fff3);border-radius:50%;position:absolute;inset:4px}.spg-container svg{filter:drop-shadow(0 3px 6px #0000001a);z-index:1;display:block;position:relative}