Как можно сдвинуть кнопку влево?

[noob_saibot]

Здравствуйте!

http://unbrokenteam.ru/

На главной странице внизу есть кнопка "Отправить".

Как можно сдвинуть ее влево? При этом чтобы другие кнопки оставались на прежнем месте. Добавить button2 с выравниванием влево? Но в этом случае кнопку сплющивает.

Вот style.css:

   body {
      padding: 20px;
    }
    button {
      margin-top: 20px;
      margin-left: 80px;
      line-height: 38px;
      font-size: 93%;
      padding: 0 60px;
      background: white;
      border: 2px solid rgb(112, 182, 234);
      border-radius: 35px;
      
      position: relative;
      left: 45%;
      transform: translate(-55%, 0);
    }
    button:hover {
      transition: 0.3s linear; 
      background: rgb(112, 182, 234);
      color: white;
    }

    form {
        padding: 20px;
        margin: 20px;
    }

 

Edited May 5, 2022 by noob_saibot

[klierik]

Здравствуйте

#noTableBorder button {
    left: 0;
    margin-left: 0;
}

 

[Vlad_P]

#noTableBorder button {
  left: 0; 
  margin-left: 0;
  transform: none;
  display:  block;
}

 

[noob_saibot]

Применил к кнопкам "Подробнее" и "Отправить заявку"

<button class="noTableBorder button">Отправить</button>

Все равно они не сместились влево.

В style.css добавил:

.noTableBorder button {
  left: 0; 
  margin-left: 0;
  transform: none;
  display:  block;
}

 

index.html

style.css

Edited May 7, 2022 by noob_saibot

[klierik]

В Вашем примере ".noTableBorder" — это и есть "<button>"

[Yevhen]

CSS должен выглядеть следующим образом:

.noTableBorder.button {
  left: 0; 
  margin-left: 0;
  transform: none;
  display:  block;
}