.editor-styles-wrapper .btn, .lorem .btn {
  background: #0077be;
  display: inline-block;
  text-decoration: none;
  color: #fff;
  border-radius: 50px;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 500;
  letter-spacing: 0.03rem;
  padding: 22px 35px;
  margin: 25px 0;
  transition: all 0.3s ease-in-out;
  border: solid 3px #0077be;
  text-align: center;
  box-sizing: border-box;
}
.editor-styles-wrapper .btn i, .lorem .btn i {
  margin: 0 8px 0 0;
  font-size: 1.1rem;
}
.editor-styles-wrapper .btn.is-style-outline, .lorem .btn.is-style-outline {
  background: none;
  color: #0077be;
}
.editor-styles-wrapper .btn:hover, .editor-styles-wrapper .btn:focus, .lorem .btn:hover, .lorem .btn:focus {
  background: #e5f1f8;
  border-color: #e5f1f8;
  color: #313435;
  text-decoration: underline;
}
.editor-styles-wrapper .btn.small, .lorem .btn.small {
  font-size: 0.9rem;
  line-height: 1.2rem;
  padding: 15px 30px;
}
.editor-styles-wrapper .btn.large, .lorem .btn.large {
  font-size: 1.1rem;
  padding: 25px 40px;
}
.editor-styles-wrapper .btn.is-style-grey, .lorem .btn.is-style-grey {
  background: #696969;
  border: solid 3px #696969;
}
.editor-styles-wrapper .btn.is-style-outline-grey, .lorem .btn.is-style-outline-grey {
  border: solid 3px #696969;
  background: none;
  color: #696969;
}
.editor-styles-wrapper .btn.is-style-grey:hover, .editor-styles-wrapper .btn.is-style-grey:focus, .editor-styles-wrapper .btn.is-style-outline-grey:hover, .editor-styles-wrapper .btn.is-style-outline-grey:focus, .lorem .btn.is-style-grey:hover, .lorem .btn.is-style-grey:focus, .lorem .btn.is-style-outline-grey:hover, .lorem .btn.is-style-outline-grey:focus {
  background: #dcdcdc;
  border-color: #dcdcdc;
  color: #313435;
}
.editor-styles-wrapper .btn.expand, .lorem .btn.expand {
  width: 100%;
}
.lorem .neg .btn, .editor-styles-wrapper .neg .btn {
  background: #fff;
  border: solid 3px #fff;
  color: #0077be;
}
.lorem .neg .btn.is-style-outline, .editor-styles-wrapper .neg .btn.is-style-outline {
  background: unset;
  border-color: #fff;
  color: #fff;
}
.lorem .neg .btn:hover, .editor-styles-wrapper .neg .btn:hover, .lorem .neg .btn:focus, .editor-styles-wrapper .neg .btn:focus {
  background: #ddeff9;
  border-color: #ddeff9;
  color: #0077be;
}
.lorem .neg .btn.is-style-grey, .editor-styles-wrapper .neg .btn.is-style-grey {
  background: #515151;
  border-color: #515151;
  color: #fff;
}
.lorem .neg .btn.is-style-outline-grey, .editor-styles-wrapper .neg .btn.is-style-outline-grey {
  background: unset;
  border-color: #c4c4c4;
  color: #fff;
}
.lorem .neg .btn.is-style-grey:hover,
.editor-styles-wrapper .neg .btn.is-style-grey:hover,
.lorem .neg .btn.is-style-grey:focus,
.editor-styles-wrapper .neg .btn.is-style-grey:focus,
.lorem .neg .btn.is-style-outline-grey:hover,
.editor-styles-wrapper .neg .btn.is-style-outline-grey:hover,
.lorem .neg .btn.is-style-outline-grey:focus,
.editor-styles-wrapper .neg .btn.is-style-outline-grey:focus {
  background: #c4c4c4;
  border-color: #c4c4c4;
  color: #313435;
}
.editor-styles-wrapper ul.box-button-grid > li .bottom a.btn, .lorem ul.box-button-grid > li .bottom a.btn {
  background: #e3e3e3;
  border: none;
  color: #323232;
  font-size: 1rem;
  line-height: 1.5rem;
  letter-spacing: 0.04rem;
  margin: 0;
  padding: 22px 35px;
  box-sizing: border-box;
}
.editor-styles-wrapper ul.box-button-grid > li .bottom a.btn:hover, .editor-styles-wrapper ul.box-button-grid > li .bottom a.btn:focus, .lorem ul.box-button-grid > li .bottom a.btn:hover, .lorem ul.box-button-grid > li .bottom a.btn:focus {
  background: #ececec;
  transform: scale(1.1);
  text-decoration: none;
  background: #d1eaf9;
  color: #00304d;
}
.editor-styles-wrapper ul.box-button-grid > li.blue .bottom a.btn, .lorem ul.box-button-grid > li.blue .bottom a.btn {
  background: #e8f6ff;
  border: none;
  color: #323232;
}
.editor-styles-wrapper ul.box-button-grid > li.blue .bottom a.btn:hover, .editor-styles-wrapper ul.box-button-grid > li.blue .bottom a.btn:focus, .lorem ul.box-button-grid > li.blue .bottom a.btn:hover, .lorem ul.box-button-grid > li.blue .bottom a.btn:focus {
  background: #fff;
}
