.card{width:100%;padding:20px;border-radius:10px;color:#fff;box-shadow:0 4px 6px rgba(0,0,0,.1);position:relative;margin-bottom:20px}.card.mastercard{background:linear-gradient(135deg,#ff5f00,#ffbb00)}.card.visa{background:linear-gradient(135deg,#1a1f71,#00a4e4)}.card.amex{background:linear-gradient(135deg,#2e77d0,#82c4e3)}.card.unknown{background:linear-gradient(135deg,#c7c7c7,#dcdcdc)}.card h1{font-size:18px;margin:0 0 10px}.card p{margin:5px 0;font-size:14px}.card .field{font-weight:700}.card img{position:absolute;bottom:10px;right:10px;width:50px;height:auto}.delete-button{position:absolute;bottom:0;left:0;background:none;border:none;color:#ff4d4d;font-size:18px;cursor:pointer}.delete-button:hover{color:#ff1a1a}footer{background-color:#23255a;color:#fff;padding:50px 0;margin-top:50px}footer .container{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:30px}footer .logo{display:flex;flex-direction:column;align-items:flex-start}footer .container div{margin-bottom:10px}footer .box img{width:200px;margin-bottom:20px;margin-left:auto;margin-right:auto}footer .logo p{margin:20px 0}footer h3{margin-bottom:20px;font-weight:500}footer .item{display:flex;margin-bottom:20px}footer .item img{width:60px;height:60px;object-fit:cover;margin-right:15px}footer .item p{padding:0;margin:0}footer ul{list-style:none;padding:0}footer ul li{margin-bottom:15px;border-bottom:1px solid rgba(255,255,255,.3);padding-bottom:5px;display:flex;justify-content:space-between;position:relative}footer ul li span:before{content:">";margin-right:10px}.legal{padding:15px 0;background-color:#23255a;color:grey;border-top:1px solid rgba(255,255,255,.3);text-align:center}.legal i{color:red}.flipbook-box{display:flex;flex-direction:column;align-items:center;text-align:center}.flipbook-image{height:auto;width:300px}.flipbook-box p{margin-bottom:10px}.button_footer{width:100%;display:block;margin:10px 0;padding:10px;text-align:center;color:white;border:none;border-radius:0;cursor:pointer}@media screen and (max-width:768px){footer .container{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:480px){footer .container{grid-template-columns:1fr}}