Hi there!
You have done it quite right.
However, please remove the margin, padding of that button module and section, and increase the menu column space to fit them well.
Here is sample code for you if you want custom CSS either:
@media (min-width: 192px){
#sp-header .container {
max-width: 100%;
}
#sp-menu1, #sp-menu2{
width: 40%;
}
#sp-logo{
width:20%;
}
#sp-menu2 .sp-column.d-flex.align-items-center {
flex-direction: row-reverse;
justify-content: flex-end;
}
#sppb-addon-1641914119309 #btn-1641914119309.sppb-btn-custom, .sp-page-builder .page-content #section-id-1641914119306{
padding: 0px !important;
}
#sppb-addon-1641914119309 #btn-1641914119309.sppb-btn-custom {
width: 100px;
}
#sppb-addon-wrapper-1641914119309 {
margin: 0 !important;
}
#sp-menu2 .sp-module {
margin-left: 8px;
}
}
This code snippet will give you the following look if you like it you can use the custom code: https://prnt.sc/26cyg0s
Best Regards