.social-media-card[data-v-4d0a836f]{position:relative;width:300px;overflow:hidden;border-radius:.5rem}.social-media-card-mobile[data-v-4d0a836f]{position:relative;width:90%;overflow:hidden;border-radius:.5rem}.social-media-image[data-v-4d0a836f]{aspect-ratio:4/5}.social-media-overlay[data-v-4d0a836f]{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;background-color:transparent;flex-direction:column;justify-content:space-between;align-items:center;transition:background-color .3s ease-in-out}.social-media-overlay .social-media-title[data-v-4d0a836f]{opacity:0;transition:opacity .3s ease-in-out}.social-media-overlay .social-media-logo[data-v-4d0a836f]{color:#fff}.social-media-overlay-mobile[data-v-4d0a836f]{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:space-between;align-items:center;overflow:hidden}.social-media-overlay-mobile .social-media-title-mobile[data-v-4d0a836f]{background:linear-gradient(180deg,rgba(0,74,127,.8) 60%,transparent)}.social-media-overlay-mobile .social-media-logo[data-v-4d0a836f]{color:#fff}.social-media-card:hover .social-media-overlay[data-v-4d0a836f]{opacity:1;background-color:rgba(0,74,127,.8)}.social-media-card:hover .social-media-overlay .social-media-logo[data-v-4d0a836f]{color:#fff}.social-media-card:hover .social-media-overlay .social-media-title[data-v-4d0a836f]{opacity:1}