I can't change place of custom button in product page magento 2

Question

I have created Custom Button using following Code at addtocart.phtml

<?php if($_product->getCustom_button()){ //yes or no button?>
        <button type="button"
                            title="<?php echo $_product->getCustom_button_name() ;?>"
                            class="action primary tocart"
                            onclick="window.open('<?php echo $_product->getCustom_button_url() ;?>')"><span><span><i class="icon-desktop"></i><?php echo $_product->getCustom_button_name() ;?></span></span></button>
        <?php } ?>

my custom button is below of add to cart button. I can't move custom button right side of custom button.

Answer 1

Use following CSS to adjust the button at required place , however text is long for button and space is less so you should use icon instead

.product-add-form .product-options-bottom{
   float:left;
}
.product-info-main .product-options-bottom .box-tocart{
  float:left;
  width: 292px;
}
.product-info-main .live-preview{
   float:left;
   width:55px;
   margin:20px 0px;
}

Here you need this live-preview class or any class name in your button code.

Add custom CSS in _extend.less if not overriding original CSS ( original can be changed in specific extended module )

app/design/frontend/vendorname/themename/Magento_Theme/web/css/source/_extend.less

Less takes effect after upgrade/deploy commands

Keep cache disabled

let me know if any issue.

Thanks