.contact-card{padding:1.5rem 1rem 1.5rem .5rem;display:flex;align-items:center;margin:1.5rem auto;background:#fff;box-shadow:inset 0 0 20px rgba(0,0,0,.3),0 2px 3px rgba(0,0,0,.2),0 8px 10px rgba(0,0,0,.1);border-radius:.5rem;transition:.3s}.contact-card:hover{cursor:pointer;transition:.3s;box-shadow:inset 0 0 10px rgba(0,0,0,.4),0 2px 5px rgba(0,0,0,.6),0 12px 30px rgba(0,0,0,.4)}.contact-card:hover .social{transition:.5s;opacity:1}.contact-card:hover .social i.fa{background-color:#efefef}.contact-card img{margin:.25rem 1.25rem;max-width:100px;height:auto;border-radius:50%;transition:.2s}.contact-card .sep{align-self:stretch;width:2px;background-color:rgba(0,0,0,.2);margin-right:1.5rem}.contact-card .content{display:flex;flex-direction:column}.contact-card .content p{margin-bottom:0}@media (max-width:600px){.contact-card{flex-direction:column;text-align:center;margin-top:4rem}.contact-card img{margin-top:-4rem;margin-bottom:1rem}.contact-card .sep{display:none;margin-bottom:1rem}.contact-card .content{padding:0 1rem}}.contact-card .social{margin-top:1rem;opacity:.5;overflow:hidden;transition:.5s}.contact-card .social i.fa{font-size:1.5rem;margin-right:.375rem;color:#666;transition:.2s;background-color:#fff;width:40px;height:40px;text-align:center;padding:8px 0;border-radius:50%}.contact-card .social i.fa:hover{color:#000;transition:.3s;background-color:#ddd}.contact-card .social i.fa-whatsapp:hover{background-color:#ff0;color:#25d366}.contact-card .social i.fa-facebook:hover{background-color:#385999;color:#fff}.contact-card .social i.fa-telegram:hover{background-color:#111b21;color:#2aabee}.contact-card .social i.fa-phone:hover{background-color:#ff0;color:#ff1493}