.blog-card{border-radius:var(--radius-4);background-color:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container);gap:var(--spacing-y-3);padding:var(--spacing-4);flex-flow:column;display:flex}.blog-card footer{justify-content:center;margin-top:auto;display:flex}.blog-card footer a{border-radius:var(--radius-full);background-color:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary);padding:var(--spacing-y-1) var(--spacing-x-3);justify-content:center;align-items:center;transition:all .3s ease-in-out;display:flex}.blog-card footer a:hover{background-color:var(--md-sys-color-secondary);color:var(--md-sys-color-on-secondary);text-decoration:none}@media (min-width:576px){.blog-card footer{justify-content:flex-end}}
button.tag{border-radius:var(--radius-full);padding:var(--spacing-y-1) var(--spacing-x-3);background-color:var(--md-sys-color-secondary);color:var(--md-sys-color-on-secondary);border:none;transition:all .3s ease-in-out}button.tag:hover{background-color:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary);text-decoration:none}button.tag[data-active=true]{background-color:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary)}