.card{position:relative;overflow:hidden;border-radius:15px;background:linear-gradient(90deg,#0f3057,#00587a);box-shadow:0 10px 20px rgba(0,0,0,.1);transition:transform .3s ease,box-shadow .3s ease}.image{transition:transform .5s ease;object-fit:cover;height:200px;width:100%}.card:hover .image{transform:scale(1.1)}.card1buttonstyle{transition:opacity .3s ease}.card:hover .card1buttonstyle{opacity:1;transition:opacity .3s ease}.card-title-style{font-size:1.3rem;font-weight:600;color:#fff;text-transform:uppercase;letter-spacing:1px;margin-bottom:15px}.card-text-style{font-size:1rem;color:#e0e0e0;line-height:1.5;margin-bottom:20px}.card1buttonstyle{background:linear-gradient(90deg,#002a47,#0077b6);border:none;padding:10px 25px;font-size:1rem;color:#fff;border-radius:50px;opacity:0;visibility:hidden}.card:hover{box-shadow:0 15px 25px rgba(0,0,0,.15),0 8px 15px rgba(0,198,255,.2);transform:translateY(-5px)}@keyframes buttonHover{0%{transform:translateY(30px)}to{transform:translateY(0)}}.card-body{padding:20px;color:#fff}.card-body:hover .card1buttonstyle{visibility:visible}@media (max-width:768px){.card-title-style{font-size:1.2rem}.card-text-style{font-size:.95rem}.card-body{padding:15px}}