.post-square{margin-block:2rem;-webkit-user-select:none;user-select:none}.post-square .container{justify-content:center;flex-wrap:wrap;gap:1rem;display:flex}.post-square a{position:relative;opacity:0;width:calc(25% - 1rem)}.post-square a .back,.post-square a .front{height:auto;min-height:280px;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;color:var(--page-content-font-white-color);transition:transform .6s cubic-bezier(.4,.2,.2,1);position:relative;text-align:center;box-shadow:0 .25rem .5rem 0 var(--page-content-shadow-color);border-radius:.75rem}.post-square a .front{-webkit-transform:rotateY(0deg);transform:rotateY(0deg);background-size:cover;background-position:50%}.post-square a .front:after{height:100%;inset-inline-start:0;content:"";position:absolute;opacity:.6;inset-block-start:0;background-color:var(--page-content-background-black-color);border-radius:.75rem;width:100%;display:block;z-index:1}.post-square a .back{-webkit-transform:rotateY(180deg);transform:rotateY(180deg);background:var(--page-content-background-black-color);background:linear-gradient(45deg,var(--page-content-background-black-color) 0,var(--page-content-background-red-color) 100%)}.post-square a .back,.post-square a .inner{padding:1rem;inset-inline-start:0;position:absolute;inset-block-start:0;width:100%}.post-square a .inner{height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;outline:1px solid transparent;justify-items:center;align-items:center;display:flex;z-index:2}.post-square a .front .inner p{font-size:2rem;font-weight:500;position:relative;margin:0;width:100%}.post-square a .front .inner>div{position:relative;text-align:center;width:100%}.post-square a .front .inner>div p{margin-block-end:2rem}.post-square a .front .inner>div p:after{inset-block-end:-1rem;height:.125rem;inset-inline-start:25%;content:"";position:absolute;background-color:var(--page-content-font-white-color);width:50%}.post-square a .back .inner p{font-size:1.2rem;margin:0;width:100%}.post-square a .back .inner img{height:auto;width:8rem}.post-square a:hover .front{-webkit-transform:rotateY(-180deg);transform:rotateY(-180deg)}.post-square a:hover .back{-webkit-transform:rotateY(0deg);transform:rotateY(0deg)}.post-square a:hover .inner{-webkit-transform:translateZ(50px);transform:translateZ(50px);-webkit-perspective:1000px;perspective:1000px}@media (max-width:1199.98px){.post-square a{width:calc(33% - 1rem)}}@media (max-width:991.98px){.post-square a{width:calc(50% - 1rem)}}@media (max-width:575.98px){.post-square a{width:100%}}