.auspigallery { background:#fff; color:#1d2327; padding:20px; border-radius:10px; }
.auspigallery-filters { margin-bottom:14px; }
.auspigallery-filters button {
    background:#f6f7f7;
    border:1px solid #dcdcde;
    padding:8px 16px;
    margin-right:8px;
    cursor:pointer;
    border-radius:20px;
    color:#1d2327;
    transition:all .2s ease;
}
.auspigallery-filters button.active,
.auspigallery-filters button:hover {
    background:#31091C;
    color:#fff;
    border-color:#31091C;
}
.auspigallery-grid {
    column-count:3;
    column-gap:16px;
}
.auspigallery-item {
    break-inside:avoid;
    margin-bottom:16px;
}
.auspigallery-thumb-wrapper {
    position:relative;
    overflow:hidden;
    border-radius:10px;
    background:#f6f7f7;
    text-align:center;
}
.auspigallery-thumb {
    width:100%;
    max-width:360px;
    height:auto;
    object-fit:contain;
    display:inline-block;
    transition:transform .25s ease;
}
.auspigallery-link:hover .auspigallery-thumb {
    transform:scale(1.03);
}
.auspigallery-play-icon {
    position:absolute;
    top:50%;
    left:50%;
    width:56px;
    height:56px;
    background:rgba(0,0,0,0.55);
    border-radius:50%;
    transform:translate(-50%,-50%);
    pointer-events:none;
}
.auspigallery-play-icon:after {
    content:'';
    position:absolute;
    top:17px;
    left:22px;
    border-style:solid;
    border-width:11px 0 11px 18px;
    border-color:transparent transparent transparent #fff;
}
@media(max-width:1024px){
    .auspigallery-grid{column-count:2;}
}
@media(max-width:600px){
    .auspigallery-grid{column-count:1;}
}