.list .card {position: relative; } .list .card:hover {text-decoration: none; } .list .card svg {position: absolute;bottom: 1.1111111111rem;right: 1.1111111111rem; } .list .card .card-category {display: flex;flex-wrap: wrap;gap: 0.5555555556rem; } .list .card .card-category .small {font-size: 0.6666666667rem; } .list .filter label:not(.custom-control-label) {display: none; } .list .filter .btn {display: none; } .list .filter .form-group {display: flex;flex-direction: column;gap: 1rem; } @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.1666666667rem var(--primary);padding: 1rem;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); } .section.list {background-color: #f2f2f2;padding: 5rem 0;max-width: 1920px;margin-left: auto;margin-right: auto;width: 100%; }