.filter-grid-contiainer{display:flex;flex-direction:row;gap:40px}.filters{display:none;display:flex;flex-direction:column;gap:10px;margin-top:12px;max-width:230px;width:100%}.filters h3{color:var(--primary-white)}.filter-button{border:2px solid var(--primary-white);width:100%}.filter-button svg .p-stroke{stroke:var(--primary-white)}.filter-button svg .p-fill{fill:var(--primary-white)}.filter-button:not(.active):hover svg .p-stroke{stroke:var(--primary-green)!important}.filter-button:not(.active):hover svg .p-fill{fill:var(--primary-green)!important}.filter-button:hover{border:2px solid var(--primary-green);color:var(--primary-green)}.filter-button.active{background:var(--primary-green);border:2px solid var(--primary-green);width:100%}.filter-button input,.filter-button#clear-button{display:none}.filter-button label{align-items:center;color:var(--primary-white);cursor:pointer;display:flex;font-family:var(--paragragh-font);font-size:16px;font-weight:700;gap:15px;padding:10px 12px;width:100%}.filter-button:not(.active) label:hover{color:var(--primary-green)}.filter-button label>img{height:100%;max-height:27px}.card-content,.card-text,.grid-container{display:flex;flex-direction:column;position:relative;width:100%}.card-content{height:215px;padding:20px}.card-bottom{align-items:flex-end;display:flex;justify-content:space-between;margin-bottom:10px;margin-top:auto;width:100%}.card-bottom .arrow-container{display:flex;justify-content:flex-end;width:70px}.filter-grid{display:flex;position:relative;width:100%}.filter-item{height:435px;margin:10px;max-width:380px;position:absolute;width:100%}.filter-item img{height:225px;object-fit:cover;width:100%}.card-tags{flex-basis:68%;font-size:12px}.grid-footer{display:flex;justify-content:center;padding:20px;width:100%}.card-content .card-text h4{-webkit-line-clamp:5;-webkit-box-orient:vertical;display:-webkit-box;margin-bottom:0;overflow:hidden;text-overflow:ellipsis}@media only screen and (max-width:1200px){.filter-grid-contiainer{align-items:center;flex-direction:column;justify-content:center;padding-left:20px;padding-right:20px}.filters{flex-direction:row;flex-wrap:wrap;max-width:100%}.filters h3{width:100%}.filter-button,.filter-button.active{width:auto}}.card-container{background:#303030}.card-container .card-tags,.card-container .text-title.nav{color:#78be43}.card-container h3{color:#fff}.popout-button{background:#f8f5ed;border:2px solid #2f2f2f;box-shadow:3px 3px 0 #ffc2e1;color:#2f2f2f;display:inline-block;padding:13px 20px;transform:translate(-3px,-3px)}.popout-button:focus,.popout-button:hover{box-shadow:8px 8px 0 #ffc2e1;transform:translate(-8px,-8px)}.popout-button--pink{box-shadow:3px 3px 0 #ffc2e1}@media only screen and (max-width:796px){.filter-item{margin:0}}