Dividing the Genesis Footer in 2 parts

I am dividing the Genesis Footer in 2 parts. I am filtering the “genesis_footer_output” function. I added the following the code in functions.php file

add_filter('genesis_footer_output', 'gd_footer_output', 10, 3);
function gd_footer_output($output, $backtotop_text, $creds_text){
$new_output = '<div class="footer-left">' . $output . '</div>';
$new_output .= '<div class="footer-right">Website Design by <a href="https://genesisdeveloper.me" target="_blank">GENESISDEVELOPER.ME</div>';

return $new_output;
}

And added the following CSS in style.css file

.footer-left{
  float: left;
  width: 48.717%
  text-align: left;
}

.footer-right{
  float: right;
  width: 48.717%
  text-align: right;
}
@media only screen and (max-width: 600px){
   .footer-left,
   .footer-right{
     clear: both;
     float: none;
     text-align: center;
     width: 100%;
   }
}

I am getting this output