.list .card {position: relative; } .list .card:hover {text-decoration: none; } .list .card svg {position: absolute;bottom: 1rem;right: 1rem; } .list .card .card-category {display: flex;flex-wrap: wrap;gap: 0.5rem; } .list .card .card-category .small {font-size: 0.6rem; } .list .filter label:not(.custom-control-label) {display: none; } .list .filter .btn {display: none; } .list .filter .form-group {display: flex;flex-direction: column;gap: 1.8rem; } @media (min-width: 576px) {.list .filter .form-group {flex-direction: row;} } .list .filter .form-group .custom-control {padding: 0;flex-grow: 1;flex-shrink: 1; } .list .filter .form-group .custom-control-label {border: solid 0.15rem var(--primary);padding: 1.8rem;width: 100%;text-align: center;font-weight: bold;color: var(--primary); } .list .filter .form-group .custom-control-label::before, .list .filter .form-group .custom-control-label::after {display: none; } .list .filter .form-group .custom-control-input:checked + .custom-control-label {background: var(--primary);color: var(--white); }