.section.socials {background-color: #f2f2f2;padding: 2.7777777778rem 0 3.8888888889rem 0; } .section.socials + .actions {margin-top: 0; } .section.socials h2 {color: var(--black);margin-bottom: 2.2222222222rem;text-align: center; } .section.socials h2::before, .section.socials h2::after {content: "";display: inline-block;border-top: 0.3rem solid var(--primary);width: 3.3333333333rem;transform: translateY(-0.5555555556rem);margin: 0 0.8888888889rem; } .section.socials .card {aspect-ratio: 516/383;padding: 0;overflow: hidden; } .section.socials .card .card-img-top {object-fit: cover;position: absolute;inset: 0;width: 100%;height: 100%; } .section.socials .card svg {position: absolute;top: 1.0555555556rem;left: 1.4444444444rem;color: var(--white); } .section.socials .card .card-body {position: absolute;bottom: -100%;background: rgba(255, 255, 255, 0.9);padding: 1.4444444444rem;transition: ease-in-out 0.25s bottom; } .section.socials .card .card-body .card-text {margin-bottom: 0;-webkit-line-clamp: 5; } .section.socials .card:hover .card-body {bottom: 0; }