.card{margin-bottom:10px;background-color:#f3f3f3!important;text-align:center}.card:hover .card-body{background-color:#d3d3d3;transition:background-color .3s ease}.card-img-top{height:350px;padding-left:15px;padding-right:15px;padding-top:15px;width:100%;object-fit:contain}@media(max-width:768px){.card-img-top{height:200px}}.collection-toggle{border-radius:50%;width:50px;height:50px;border:none;outline:none;background-color:transparent;display:flex;justify-content:center;align-items:center}.collection-toggle:hover{background-color:transparent}.collection-toggle i{font-size:28px;color:#000;background-color:#d3d3d3;border-radius:50px}div.card-image>div>div>div.col-9{padding-left:0;margin-left:-20px}.collection-toggle-message-remove,.collection-toggle-message-add{opacity:0;padding-top:14px;width:100%;text-align:left}.card-image-overlay:hover>.row .collection-toggle-message-add{opacity:1}.card-image-overlay:hover>.row .collection-toggle-message-remove{opacity:1}.collection-toggle .bi:before{vertical-align:1rem}.collection-toggle .bi{width:28px;height:28px}.collection-toggle:hover .bi-check-circle:before{content:"";color:red}.collection-toggle:hover .bi-plus-circle:before{color:green}.collection-toggle .bi-check-circle{color:green;background-color:#d3d3d3;border-radius:50px}.card-image-overlay{position:absolute;bottom:0;left:0;right:0;height:55px;width:100%;transition:.2s ease;background:#00000005}.card:hover .card-image-overlay{background:#d3d3d3}@media screen and (max-width:577px){div.card-image>div>div>div.col-9>p.card-text{margin-left:.8rem;max-width:4.5rem;text-align:right;float:right}}@media screen and (max-width:767px){div.card-image>div>div>div.col-9>p.card-text{margin-left:.8rem}}