Problem with the buttons

[gajaviki]

Hello!

Thank you for letting me use this forum!

I'm having problem with the buttons, I need text to be written in row.

  <button class="section__button text"><img class="section__button__image" src="./images/eyelogo.png"
                    alt="eyelogo">See All</button>

.section__button {
  cursor: pointer;
  border: none;
  border-radius: 20px;
  padding: 20px 50px 20px 50px;
  margin: 111px 115px 0px 0px;
  font-family: Work Sans, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 22.4px;
  text-align: center;
  border: 2px solid var(--primary-action-color);
  background-color: transparent;
  display: flex;
  align-items: center;
}

.section__button__image {
  margin-right: 12px;
}

first picture is my button and I need to have button like on the second picture.

 

[gajaviki]

I solved this issue myself, just added

 text-wrap: nowrap;