.btns {
  display: flex;

  li {
    &:first-child:not(.btns-back) {
      margin-left: auto;
    }

    &.btns-back {
      margin-right: auto;
    }

    + li {
      margin-left: 1em;
    }
  }
}

* + .btns {
  margin-top: 1em;
}

.btn {
  background-image: linear-gradient(to top, rgb(46, 149, 197) 8%, rgb(50, 165, 215) 54%, rgb(54, 181, 235) 100%);
  background-position: left center;
  background-repeat: no-repeat;
  border: 0;
  border-radius: 3px;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  padding: .65em 1.15em;
  width: auto;

  &:active {
    position: relative;
    top: 1px;
  }
}

.btn-small {
  line-height: 1.2;
  padding: .25em 2rem; // Same bottom and top padding as inputs
  text-transform: initial;
}

.btn-back {
  background-image: url('../images/screen/actions/btn/back.png'), linear-gradient(to top, rgb(46, 149, 197) 8%, rgb(50, 165, 215) 54%, rgb(54, 181, 235) 100%);
  float: left;
  margin-right: 1em;
  padding-left: 37px;
}

.btn-save {
  background-image: url('../images/screen/actions/btn/save.png'), linear-gradient(to top, rgb(46, 149, 197) 8%, rgb(50, 165, 215) 54%, rgb(54, 181, 235) 100%);
  padding-left: 37px;
}

.btn-export {
  background-image: url('../images/screen/actions/btn/export.svg'), linear-gradient(to top, rgb(46, 149, 197) 8%, rgb(50, 165, 215) 54%, rgb(54, 181, 235) 100%);
  background-position: 15px center, top left;
  background-size: 16px 16px, auto;
  padding-left: 37px;
}

.btn-add {
  background-image: url('../images/screen/actions/btn/add.png'), linear-gradient(to top, rgb(46, 149, 197) 8%, rgb(50, 165, 215) 54%, rgb(54, 181, 235) 100%);
  padding-left: 37px;
}

.btn-add-separator {
  background-image: url('../images/screen/actions/btn/separator.png'), linear-gradient(to top, rgb(46, 149, 197) 8%, rgb(50, 165, 215) 54%, rgb(54, 181, 235) 100%);
  padding-left: 37px;
}

.btn-add-url {
  background-image: url('../images/screen/actions/btn/url.png'), linear-gradient(to top, rgb(46, 149, 197) 8%, rgb(50, 165, 215) 54%, rgb(54, 181, 235) 100%);
  padding-left: 37px;
}

.btn-add-list,
.btn-add-pagesimple {
  background-image: url('../images/screen/actions/btn/add-pagesimple.png'), linear-gradient(to top, rgb(46, 149, 197) 8%, rgb(50, 165, 215) 54%, rgb(54, 181, 235) 100%);
  padding-left: 37px;
}

.btn-add-pres {
  background-image: url('../images/screen/actions/btn/liste.png'), linear-gradient(to top, #91ceea 30%, #c0e8f9 100%);
  padding-left: 37px;
}

.btn-add-slide {
  background-image: url('../images/screen/actions/btn/slide.png'), linear-gradient(to top, rgb(46, 149, 197) 8%, rgb(50, 165, 215) 54%, rgb(54, 181, 235) 100%);
  padding-left: 37px;
}

.btn-pdf {
  background-image: url('../images/screen/actions/btn/pdf.png'), linear-gradient(to top, rgb(46, 149, 197) 8%, rgb(50, 165, 215) 54%, rgb(54, 181, 235) 100%);
  padding-left: 37px;
}

.btn-image {
  background-image: url('../images/screen/actions/btn/image.png'), linear-gradient(to top, rgb(46, 149, 197) 8%, rgb(50, 165, 215) 54%, rgb(54, 181, 235) 100%);
  padding-left: 37px;
}

.btn-video {
  background-image: url('../images/screen/actions/btn/video.png'), linear-gradient(to top, rgb(46, 149, 197) 8%, rgb(50, 165, 215) 54%, rgb(54, 181, 235) 100%);
  padding-left: 37px;
}

.btn-folder {
  background-image: url('../images/screen/actions/btn/folder.png'), linear-gradient(to top, rgb(46, 149, 197) 8%, rgb(50, 165, 215) 54%, rgb(54, 181, 235) 100%);
  background-position: 11px center, top left;
  padding-left: 37px;
}

.mt {
  &-0 {
    margin-top: 0;
  }

  &-1 {
    margin-top: 1px;
  }

  &-2 {
    margin-top: 2px;
  }
}
