section.extras-boxes .wrapper{display:grid;grid-template-columns:1fr;-moz-column-gap:auto;column-gap:auto;row-gap:auto;gap:16px}section.extras-boxes .wrapper .box{display:flex;align-items:center;justify-content:center;flex-direction:column-reverse;flex-wrap:auto;text-decoration:none;width:100%;height:100%;border-radius:16px;overflow:hidden}section.extras-boxes .wrapper .box:hover .content:after{height:100%;width:100%;bottom:0;border-radius:0}section.extras-boxes .wrapper .box .content{position:relative;display:flex;align-items:center;justify-content:center;flex-direction:row;flex-wrap:auto;gap:16px;width:100%;text-align:center;padding:18px 16px;flex:1;transition:box-shadow .3s ease}section.extras-boxes .wrapper .box .content.has-price{display:flex;align-items:flex-start;justify-content:space-between;flex-direction:column;flex-wrap:auto;text-align:left}section.extras-boxes .wrapper .box .content.has-price p{align-self:flex-end;font-family:Bocketts,sans-serif;font-weight:700;font-size:1.375rem;color:#fff;line-height:1.3}section.extras-boxes .wrapper .box .content:after{content:"";position:absolute;bottom:50%;left:0;right:0;margin:auto;border-radius:100%;width:0;height:0;background:rgba(58,59,60,.1);transition:all .3s ease}section.extras-boxes .wrapper .box .content h3{color:#fff;margin-bottom:0}section.extras-boxes .wrapper .box .image{position:relative;width:100%;aspect-ratio:1.53/1;overflow:hidden}section.extras-boxes .wrapper .box .image .overlay{position:absolute;bottom:50%;left:0;right:0;margin:auto;width:0;border-radius:100%;height:0;opacity:.35;transition:all .3s ease}section.extras-boxes .wrapper .box .image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}@media only screen and (min-width: 600px){section.extras-boxes .wrapper{grid-template-columns:1fr 1fr}section.extras-boxes .wrapper .box{justify-content:flex-end}section.extras-boxes .wrapper .box .content.has-price p{font-size:1.5rem}}@media only screen and (min-width: 992px){section.extras-boxes .wrapper{grid-template-columns:1fr 1fr 1fr 1fr;gap:8px}}