.card{background-color:#fff;border-radius:10px;box-shadow:0 4px 8px rgba(0,0,0,.1);color:#333;height:600px;padding:20px;position:relative;transition:background-color .3s ease,color .3s ease}.card:hover{background-color:#ff3e4a;color:#fff}.card *{transition:color .3s ease}.card:hover *{color:#fff}.card i,.card svg{fill:#ff3e4a;transition:fill .3s ease}.card:hover i,.card:hover svg{fill:#fff}.card a{bottom:20px;color:#ff3e4a;left:20px;position:absolute;text-decoration:none;transition:color .3s ease}.card a span{font-weight:700}.card a strong span{color:#ff3e4a;font-weight:700}.card:hover a,.card:hover a span,.card:hover a strong span{color:#fff}.card a strong span[style*="color: #ff3e4a"]{color:#ff3e4a;font-weight:700}.card:hover a strong span[style*="color: #ff3e4a"]{color:#fff}@media (max-width:768px){.card{margin-bottom:15px}}