//  ==========
//  = Buttons for the Carpress HTML template =
//  ==========



.btn {
  font-family: $secondary-font;
  padding: 8px 17px;
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;
  border: none;

  &.rounded-2 {
    border-radius: 2px;
  }
  &.rounded-6 {
    border-radius: 6px;
  }
  &.rounded-10 {
    border-radius: 10px;
  }
  &.rounded {
    border-radius: 99px;
  }
}

.btn-theme {
  @include buttonBackground($theme-clr, darken($theme-clr, 10%));
  text-transform: uppercase;
  font-size: 12px;
  font-weight: bold;
  border-radius: 3px;

  &.no-bevel {
    box-shadow: none;
  }
}

#comments-submit-button,
form[action*="login.php"] input[type="submit"] {
  @include buttonBackground($btn-clr, darken($btn-clr, 10%));
  text-transform: uppercase;
  font-size: 12px;
  font-weight: bold;
  border-radius: 3px;
  box-shadow: none;
  font-family: $primary-font;
  padding: 9px 12px;
  display: block;
}
#comments-submit-button {
  float: right;
}

.navbar .btn-featured {
  margin-top: 10px;
  margin-right: -20px;
}

.btn-featured {
  @include buttonBackground($theme-clr, darken($theme-clr, 10%));
  padding: 20px 20px 20px 40px;
  position: relative;
  font-size: 14px;

  &:before {
    position: absolute;
    content: "";
    border-style: solid;
    border-color: #fff rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0);
    border-width: 65px 30px 0 0;
    top: -1px;
    left: -1px;
  }
}
