.petitweb-pictograms{display:grid;justify-items:center;align-items:center;margin:0 -2px;width:calc(100% + 4px);.item{width:100%;height:100%;padding:4px;overflow:hidden;.svg{padding:8px;@media screen and (min-width:1024px) and (max-width:1200px){padding:4px}}.button{width:100%;height:100%;border-radius:7px;transition:background-color .3s ease-in-out,box-shadow .3s ease-in-out;display:flex;flex-direction:column;align-items:center;justify-content:space-between;.svg-image{width:75%}.image-image{width:100%}.item-image{mask-repeat:no-repeat;mask-size:contain;mask-position:center;background-size:cover;background-repeat:no-repeat;background-position:center;display:inline-block;height:calc(100% - 28px);border-radius:7px}span{color:#f5f6f7;text-align:center;margin:0}&:hover{cursor:pointer;box-shadow:var(--box-shadow)}}}.petitweb-pictograms-item{width:100%;height:100%;border-radius:7px;transition:background-color .3s ease-in-out;&:hover{cursor:pointer}.petitweb-pictograms-item-content{display:flex;width:100%;height:100%;flex-direction:column;align-items:center;justify-content:center;padding:8px;.petitweb-pictograms-item-image{mask-repeat:no-repeat;mask-size:contain;mask-position:center;background-size:cover;background-repeat:no-repeat;background-position:center;display:inline-block;width:75%;height:100%;border-radius:7px}}}.desktop{display:none}.phone{display:flex}@media only screen and (min-width:1024px){.desktop{display:flex}.phone{display:none}}}