.top-banner{background-color:#000;color:#fff;text-align:center;padding:10px 0;font-size:1rem;font-weight:bold;transition:opacity 0.5s ease-out, transform 0.5s ease-out, height 0.5s ease-out;transform:translateY(-100%);opacity:0;height:0;overflow:hidden;}.visible{transform:translateY(0);opacity:1;height:auto;padding:10px 0;}.banner{text-decoration:none;color:#ffffff;}.hidden{max-height:0;opacity:0;transform:translateY(-100%);}