/*
 * MSCH59.RU — исправление кнопки "Назад"
 * Подключать ПОСЛЕ основного CSS темы.
 */

.backButton{
  position:relative;
  left:auto;
  top:auto;
  display:inline-flex;
  align-items:center;
  width:auto;
  max-width:100%;
  min-height:42px;
  margin:0 0 18px 0;
  padding:8px 14px 8px 32px;

  background:#fff;
  border:1px solid #42bde4;
  border-radius:8px;

  color:#11262d;
  font-size:13px;
  font-weight:500;
  line-height:1.2;
  text-align:left;
  white-space:nowrap;

  box-shadow:0 2px 8px rgba(17,38,45,.04);
  transition:
    background-color .15s ease,
    border-color .15s ease,
    color .15s ease,
    box-shadow .15s ease;
}

.backButton svg{
  position:absolute;
  left:12px;
  top:50%;
  width:9px;
  height:9px;
  margin:0;
  fill:#42bde4;
  transform:translateY(-50%);
}

.backButton:hover{
  background:#f5fcfe;
  border-color:#35b7df;
  color:#11262d;
  box-shadow:0 3px 10px rgba(17,38,45,.07);
}

.backButton:hover svg{
  fill:#35b7df;
}

/* Перебиваем старое мобильное правило width:100% и margin-bottom:3.5rem */
@media (max-width:960px){
  .backButton{
    position:relative;
    left:auto;
    width:auto;
    min-height:40px;
    margin:0 0 16px 0;
    padding:8px 14px 8px 30px;
    text-align:left;
    border-radius:8px;
  }

  .backButton svg{
    left:11px;
    top:50%;
    transform:translateY(-50%);
  }
}

@media (max-width:767px){
  .backButton{
    min-height:38px;
    margin-bottom:14px;
    padding:7px 12px 7px 29px;
    font-size:12.5px;
  }
}