.masonry-container{column-count:3;column-gap:1rem;padding:0 1rem}.masonry-item{break-inside:avoid;margin-bottom:1rem}@media(max-width:768px){.masonry-container{column-count:2}}@media(max-width:640px){.masonry-container{column-count:1}}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.5rem 1.25rem;margin:5px 8px;font-weight:500;border-radius:.375rem;transition:all .2s;cursor:pointer}.btn-primary{background-color:#3b82f6;color:#fff;border:1px solid #2563eb}.btn-primary:hover{background-color:#2563eb;transform:translateY(-1px)}.btn-primary:active{background-color:#1d4ed8;transform:translateY(0)}.btn-info{background-color:#0ea5e9;color:#fff;border:1px solid #0284c7}.btn-info:hover{background-color:#0284c7;transform:translateY(-1px)}.btn-info:active{background-color:#0369a1;transform:translateY(0)}.btn-warning{background-color:#f59e0b;color:#fff;border:1px solid #d97706}.btn-warning:hover{background-color:#d97706;transform:translateY(-1px)}.btn-warning:active{background-color:#b45309;transform:translateY(0)}.btn-success{background-color:#10b981;color:#fff;border:1px solid #059669}.btn-success:hover{background-color:#059669;transform:translateY(-1px)}.btn-success:active{background-color:#047857;transform:translateY(0)}:is(html[class~=dark]) .btn-primary{background-color:#2563eb;border-color:#1d4ed8}:is(html[class~=dark]) .btn-info{background-color:#0284c7;border-color:#0369a1}:is(html[class~=dark]) .btn-warning{background-color:#d97706;border-color:#b45309}:is(html[class~=dark]) .btn-success{background-color:#059669;border-color:#047857}:is(html[class~=dark]) .btn:hover{filter:brightness(110%)}:is(html[class~=dark]) .btn:active{filter:brightness(90%)}