.note-editor > *:not(.note-modal) .note-btn {
  display: inline-block;
  font-weight: 400;
  margin-bottom: 0;
  text-align: center;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid $btn-default-border;
  white-space: nowrap;
  outline: 0;
  @include button-maker($btn-default-color, $btn-default-bg, $btn-default-hover-bg,  $btn-default-active-bg, $btn-default-border);
  @include button-size($padding-base-vertical, $padding-base-horizontal, $font-size, $line-height, $btn-border-radius);
  @include user-select(none);

  &:hover,
  &:focus,
  &.focus {
    color: $btn-default-color;
    text-decoration: none;
    border: 1px solid $btn-default-border;
    background-color: $btn-default-hover-bg;
    outline: 0;
  }

  &:active,
  &.active {
    outline: 0;
    background-image: none;
    color: $base-text;
    text-decoration: none;
    border: 1px solid $btn-default-border;
    background-color: $btn-default-hover-bg;
    outline: 0;
  }

  &.disabled,
  &[disabled],
  fieldset[disabled] & {
    cursor: $cursor-disabled;
    @include opacity(.65);
    @include box-shadow(none);
  }

  & > span.note-icon-caret:first-child {
    margin-left: -1px;
  }

  & > span.note-icon-caret:nth-child(2) {
    padding-left: 3px;
    margin-right: -5px;
  }
  .note-recent-color{
    padding: .125rem .25rem;
    border-radius: 2px;
  }
}

.note-editor > *:not(.note-modal) .note-btn-primary {
  background: $accent-color;
  color: #fff;

  &:hover,
  &:focus,
  &.focus {
    color: #fff;
    text-decoration: none;
    border: 1px solid $btn-default-border;
    background-color: #fa6362;
    @include rounded(1px);
  }

}

.note-btn-block {
  display: block;
  width: 100%;
}

.note-btn-block + .note-btn-block {
  margin-top:5px;
}

// Specificity overrides
input[type="submit"],
input[type="reset"],
input[type="button"] {
  &.note-btn-block {
    width: 100%;
  }
}

button.close {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
}

.close {
  float: right;
  font-size:1rem;
  line-height: 1;
  color: $base-text;
  opacity: .5;
  transition: .3s;
  margin: .25rem 0;
}
.close:hover {
  opacity: 1
}
