#top_banner {
    background-color: rgb(15, 12, 20);
    height: 5rem;

    display: flex;
    align-content: center;
}


#logo {
    height: 100%;
    margin-right: 5rem;
}

.banner_button {
    cursor: pointer;
    border: transparent;
    background-color: transparent;
    color: white;
    font-size: 1.5rem;
    margin-left: 2rem;
}



.banner_button::after {
    display: block;
    content: ''; 
    position: relative; 
    bottom: 0px; /* Position the line just below the button */
    left: 0; /* Align the line with the button */
    width: 0; /* Initially set the width to 0 */
    height: 2px; 
    background-color: white; 
    transition: width 0.3s ease; 
}

.banner_button:hover::after {
    width: 100%; /* Expand the line width to 100% on hover */
}