.card-wrapper{height:100%}.card-image .top-content{height:12rem;padding:1rem .25rem;position:relative}.top-content img{-o-object-fit:contain;object-fit:contain}.card-image.inline{position:relative}.card-image.inline:hover .action-wrapper{opacity:1;z-index:1}.card-image.inline:hover .top-content img{filter:blur(2px);transition:all .4s}.action-wrapper{align-items:center;display:flex;gap:.75rem;justify-content:center;left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .7s}.action-icon{background-color:#fff;border:1px solid gray;border-radius:.4rem;color:#000;cursor:pointer;padding:.5rem;z-index:1}.action-icon.active,.action-icon:hover{background-color:#000;border-color:#000;color:#fff}.action-icon.active img,.action-icon:hover img{filter:brightness(0) invert(1)}.card-badge{border-radius:.2rem}.card-wrapper.card-column{display:flex}.card-wrapper.card-column.responsive{flex-direction:column}@media screen and (max-width:768px){.action-wrapper{gap:.5rem;visibility:hidden}.action-icon{align-items:center;border:none;border-radius:.2rem;display:flex;justify-content:center}.action-icon img{width:1.6rem}.card-badge span{font-size:1rem}.card-wrapper.card-column{flex-direction:column}}