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