.callout-social{display:grid;grid-template-columns:repeat(2,1fr);border:3px solid #f8efeb}.callout-social__inner{display:block;position:relative;height:298px}.callout-social__inner:hover .callout-social__name{background:#f8efeb}.callout-social__inner:hover .callout-social__icon{opacity:1}.callout-social__inner:hover .callout-social__icon--instagram{background-color:#eec054}.callout-social__inner:hover .callout-social__icon--pinterest{background-color:#cb201d}.callout-social__inner:hover .callout-social__icon--facebook{background-color:#3c5a99}.callout-social__inner:hover .callout-social__icon--tiktok{background-color:#221f1f}.callout-social__img{display:block;width:100%;height:100%;object-fit:cover}.callout-social__name{left:0;bottom:0;display:flex;height:40px;width:100%;background:hsla(18,48%,95%,.8);text-align:center;font-size:14px;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#221f1f;font-weight:500;padding:0 10px;z-index:10}.callout-social__icon,.callout-social__name{position:absolute;flex-wrap:wrap;align-items:center;justify-content:center;transition:all .3s ease}.callout-social__icon{display:block;width:50px;height:50px;left:50%;top:50%;margin-top:-45px;margin-left:-25px;border-radius:50%;opacity:.8;display:flex}.callout-social__icon--instagram{background-color:rgba(238,192,84,.7)}.callout-social__icon--pinterest{background-color:rgba(203,32,29,.7)}.callout-social__icon--facebook{background-color:rgba(60,90,153,.7)}.callout-social__icon--tiktok{background-color:rgba(34,31,31,.7)}@media(max-width:767px){.callout-social__item:not(:last-child,:nth-last-child(2)){border-bottom:1px solid #f8efeb}.callout-social__item:nth-child(2n+2){border-left:3px solid #f8efeb}}@media(min-width:768px){.callout-social{grid-template-columns:repeat(4,1fr);border-left:0}.callout-social__item{border-left:3px solid #f8efeb}.callout-social__inner{height:246px}}