Getting Two Buttons Next To Each Other

I am having a problem with my design. I have two buttons on my product page. However because one is in a form, they are on top of each other(see image ). I want to get the two bu

Solution 1:

try use display:flex

.overlay-right text-center{
    display: flex;
    justify-content: space-between;
    width: 200px;
    margin: 0 auto;
    align-items: center;

}

Solution 2:

You can give the form a display: inline in your css. Default display is block for a form

Solution 3:

You can try this as well--

button {
  display: inline;
  margin: auto;
  padding: 5px;
}