.contact-icon button{ border-top-right-radius: 4px; border-bottom-right-radius: 4px; } .blink_me { animation: blinker 1s linear infinite; } @keyframes blinker { 50% { border: 1px solid red; } } .card-component-container .contact-card { display: block; width: 375px; } .contact-card div:not(.row) { display: block; } .contact-card .top-part .header-top { padding-top: 10px; padding-bottom: 10px; margin-bottom: 10px; padding-left: 25px; display: flex; } .contact-card .header-top > div { display: inline-block; } .contact-card .header-top > .icon { width: 60px; display: inline-flex; font-size: 2em; margin-right: 15px; } .contact-card .icon > img { margin: auto; width: 60px; height: 60px; } .contact-card .bottom-part { padding: 10px 15px; } .contact-card .label { display: block; color: #424242; text-shadow: none; padding: 0.5rem 0 0 0; margin-bottom: 0; } .contact-card .content-block > div > div { display: inline-block; float: left; } .contact-card .content-block > div > div:after { clear: both; content: ''; } .contact-card .content-block .label-box { width: 25%; font-size: 0.85em; font-weight: bold; text-align: right; margin-right: 5%; } .contact-card .content-block .text-box { width: 70%; min-height: 25px; font-size: 0.85em; } .contact-card hr { margin: 0; } .contact-card div { min-height: 0px; } .contact-card .bottom-part .btn { border-radius: 50%; display: inline-block; margin: 0 5px; }