.editor-styles-wrapper ul.btnbar, .lorem ul.btnbar {
  list-style-type: none;
  display: inline-flex;
  flex-wrap: wrap;
  background: #0077be;
  border: solid 3px #0077be;
  margin: 15px 0;
  border-radius: 30px;
  align-content: center;
}
.editor-styles-wrapper ul.btnbar li, .lorem ul.btnbar li {
  margin: 0 5px;
  flex-grow: 1;
}
.editor-styles-wrapper ul.btnbar li:first-child, .editor-styles-wrapper ul.btnbar li:last-child, .lorem ul.btnbar li:first-child, .lorem ul.btnbar li:last-child {
  margin: 0;
}
.editor-styles-wrapper ul.btnbar li a, .lorem ul.btnbar li a {
  text-decoration: none;
  color: #fff;
  border-radius: 50px;
  display: inline-block;
  padding: 15px 50px;
  transition: all 0.3s ease-in-out;
  font-weight: 500;
  letter-spacing: 0.03rem;
  width: 100%;
  text-align: center;
  box-sizing: border-box;
}
.editor-styles-wrapper ul.btnbar li a i, .lorem ul.btnbar li a i {
  margin: 0 8px 0 0;
}
.editor-styles-wrapper ul.btnbar li a:hover, .editor-styles-wrapper ul.btnbar li a:focus, .lorem ul.btnbar li a:hover, .lorem ul.btnbar li a:focus {
  background: #e5f1f8;
  color: #191919 !important;
  text-decoration: underline;
}
.editor-styles-wrapper ul.btnbar.is-style-outline, .lorem ul.btnbar.is-style-outline {
  background: none;
  border: solid 3px #0077be;
}
.editor-styles-wrapper ul.btnbar.is-style-outline li a, .lorem ul.btnbar.is-style-outline li a {
  color: #0077be;
}
.editor-styles-wrapper ul.btnbar.is-style-grey, .lorem ul.btnbar.is-style-grey {
  background: #515151;
  border: solid 3px #515151;
}
.editor-styles-wrapper ul.btnbar.is-style-grey li a:hover, .editor-styles-wrapper ul.btnbar.is-style-grey li a:focus, .lorem ul.btnbar.is-style-grey li a:hover, .lorem ul.btnbar.is-style-grey li a:focus {
  color: #313435 !important;
  background: #dcdcdc;
}
.editor-styles-wrapper ul.btnbar.is-style-outline-grey, .lorem ul.btnbar.is-style-outline-grey {
  background: none;
  border: solid 3px #696969;
}
.editor-styles-wrapper ul.btnbar.is-style-outline-grey li a, .lorem ul.btnbar.is-style-outline-grey li a {
  color: #545454;
}
.editor-styles-wrapper ul.btnbar.is-style-outline-grey li a:hover, .editor-styles-wrapper ul.btnbar.is-style-outline-grey li a:focus, .lorem ul.btnbar.is-style-outline-grey li a:hover, .lorem ul.btnbar.is-style-outline-grey li a:focus {
  background: #dcdcdc;
}
.editor-styles-wrapper ul.btnbar.small, .lorem ul.btnbar.small {
  border-radius: 25px;
}
.editor-styles-wrapper ul.btnbar.small li a, .lorem ul.btnbar.small li a {
  font-size: 0.95rem;
  line-height: 1.4rem;
  padding: 10px 40px;
}
.editor-styles-wrapper ul.btnbar.large, .lorem ul.btnbar.large {
  border-radius: 35px;
}
.editor-styles-wrapper ul.btnbar.large li a, .lorem ul.btnbar.large li a {
  font-size: 1.1rem;
  line-height: 1.7rem;
  padding: 20px 60px;
}
.editor-styles-wrapper ul.no-wrap, .lorem ul.btnbar.no-wrap {
  display: flex;
  flex-wrap: unset;
  border-radius: 50px !important;
}
.editor-styles-wrapper ul.no-wrap li a, .lorem ul.btnbar.no-wrap li a {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.lorem .neg .btnbar, .editor-styles-wrapper .neg .btnbar {
  background: #fff;
  border-color: #fff;
}
.lorem .neg .btnbar li a, .editor-styles-wrapper .neg .btnbar li a {
  color: #0077be;
}
.lorem .neg .btnbar.is-style-outline, .editor-styles-wrapper .neg .btnbar.is-style-outline {
  background: unset;
  border-color: #fff;
}
.lorem .neg .btnbar.is-style-grey li a, .editor-styles-wrapper .neg .btnbar.is-style-grey li a {
  color: #fff;
}
.lorem .neg .btnbar.is-style-outline li a, .editor-styles-wrapper .neg .btnbar.is-style-outline li a {
  color: #fff;
}
.lorem .neg .btnbar.is-style-outline li a:hover, .editor-styles-wrapper .neg .btnbar.is-style-outline li a:hover, .lorem .neg .btnbar.is-style-outline li a:focus, .editor-styles-wrapper .neg .btnbar.is-style-outline li a:focus {
  color: #0077be;
}
.lorem .neg .btnbar.is-style-outline-grey, .editor-styles-wrapper .neg .btnbar.is-style-outline-grey {
  border-color: #c4c4c4;
}
.lorem .neg .btnbar.is-style-outline-grey li a, .editor-styles-wrapper .neg .btnbar.is-style-outline-grey li a {
  color: #fff;
}
.lorem .neg .btnbar.is-style-outline-grey li a:hover, .editor-styles-wrapper .neg .btnbar.is-style-outline-grey li a:hover, .lorem .neg .btnbar.is-style-outline-grey li a:focus, .editor-styles-wrapper .neg .btnbar.is-style-outline-grey li a:focus {
  background: #c4c4c4;
  color: #313439;
}
@media only screen and (max-width: 959px) {

  .editor-styles-wrapper ul.no-wrap, .lorem ul.btnbar.no-wrap {
    display: block;
    border-radius: 12px !important;
  }
  .editor-styles-wrapper ul.no-wrap li, .lorem ul.btnbar.no-wrap li {
    margin: 0;
  }
  .editor-styles-wrapper ul.no-wrap li a, .lorem ul.btnbar.no-wrap li a {
    border-radius: 10px !important;
  }

}
@media only screen and (max-width: 650px) {

  .editor-styles-wrapper ul.btnbar, .lorem ul.btnbar {
    display: block;
  }
  .editor-styles-wrapper ul.btnbar li, .lorem ul.btnbar li {
    margin: 5px 0;
  }
  .editor-styles-wrapper ul.btnbar li a, .lorem ul.btnbar li a {
    width: 100%;
    text-align: center;
  }

}