.hovercard{ text-align:center; background:#fbfbfb; border-radius: 10px; padding:10px; width:100%; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); margin-bottom:20px; border:1px solid #fff; transition: border 0.5s; box-sizing: border-box; } .hovercard i{ font-size:100px; transition: color 0.5s; } .hovercard h2{ font-weight: 400; font-size:24px; transition: color 0.5s; } .hovercard:hover{ border:1px solid #04abf1; } .hovercard:hover h2{ color:#04abf1; } .hovercard:hover h3{ color:#04abf1; } .hovercard:hover i{ color:#04abf1; }