@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600&display=swap');
/* Typoanim – card info strip: [Free | Premium] .......... [Premiere Pro | After Effects] */
.template-card .card-footer{
    position:absolute !important;
    left:0 !important; right:0 !important; bottom:0 !important;
    height:32px !important; padding:0 12px !important;
    display:flex !important; align-items:center !important;
    justify-content:space-between !important; gap:8px !important;
    background:linear-gradient(to top, rgba(11,14,24,.62), rgba(11,14,24,.38)) !important;
    -webkit-backdrop-filter:blur(6px); backdrop-filter:blur(6px);
    border-top:1px solid rgba(255,255,255,.10);
    pointer-events:none; z-index:3;
}
.template-card .card-footer .badge,
.template-card .card-footer .badge-free,
.template-card .card-footer .badge-buy,
.template-card .card-footer .badge-ae{
    all:unset;
    display:inline !important; background:none !important; border:0 !important; box-shadow:none !important;
    border-radius:0 !important; padding:0 !important; margin:0 !important; width:auto !important; height:auto !important;
    font-family:"Open Sans",sans-serif !important;
    font-size:12px !important; font-weight:300 !important;
    letter-spacing:.02em; line-height:1 !important;
    color:#fff !important; white-space:nowrap;
    text-shadow:0 1px 2px rgba(0,0,0,.25);
}
.template-card .card-footer .badge::before,
.template-card .card-footer .badge::after{ content:none !important; display:none !important; }
@media (max-width:480px){
    .template-card .card-footer{ height:28px !important; padding:0 10px !important; }
    .template-card .card-footer .badge{ font-size:11px !important; }
}