.PostComponent{--tw-border-opacity:1;border-color:rgb(255 205 3/var(--tw-border-opacity));border-width:2px;display:flex;flex-direction:column;gap:1rem;height:100%;padding:1rem;width:100%}.PostComponent .post-thumbnail{aspect-ratio:16/9;display:flex;overflow:hidden;position:relative;width:100%}.PostComponent .post-thumbnail img{height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;transition:.2s;width:100%}.PostComponent .post-thumbnail .status{--tw-rotate:-45deg;--tw-bg-opacity:1;background-color:rgb(192 23 131/var(--tw-bg-opacity));justify-content:center;left:-5rem;text-align:center;top:1.25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));width:16rem}.PostComponent .post-thumbnail .status,.PostComponent .post-thumbnail .status-house{--tw-text-opacity:1;color:rgb(247 247 247/var(--tw-text-opacity));display:flex;font-weight:600;padding:.5rem 1rem;position:absolute}.PostComponent .post-thumbnail .status-house{background-color:#171717bf;bottom:0;right:0}.PostComponent .post-content{display:flex;flex:1 1 0%;flex-direction:column;gap:.5rem;justify-content:flex-start;width:100%}.PostComponent .post-content .post-location{font-size:calc(var(--font-mag)*12px);line-height:1;text-align:center}.PostComponent .post-content .post-title{flex:1 1 0%;line-height:1;padding-bottom:.5rem;padding-top:.5rem;text-align:center}.PostComponent .post-content .intro{flex:1 1 0%;font-weight:100;text-align:center}.PostComponent .post-content .btn{margin-top:1rem;width:100%}.PostComponent:hover .post-thumbnail img{--tw-scale-x:1.05;--tw-scale-y:1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.PostComponent:hover .post-content .btn{--tw-text-opacity:1;--tw-border-opacity:1;background-color:transparent;border-color:rgb(255 205 3/var(--tw-border-opacity));border-width:2px;color:rgb(24 24 24/var(--tw-text-opacity))}.PostComponent[data-sale-status=verkocht] span.status{--tw-bg-opacity:1;background-color:rgb(24 24 24/var(--tw-bg-opacity))}
