@import "../../../themes/default";

:global {
  .app-btn {
    background-color: @button-background-color;
    color: @button-color;
    border: 0;
    border-radius: @border-radius-base;
    padding: 0 12px;
    font-size: @font-size-base;
    height: 32px;
    font-weight: 300;
    cursor: pointer;

    &:hover {
      .background-gradient();
    }
  }

  .app-btn-active {
    .background-gradient();
  }

  .app-btn[disabled] {
    opacity: 0.64;
    cursor: not-allowed;
  }

  .app-btn-lg {
    height: 40px;
  }

  .btn-white {
    background-color: @color-white;
  }

  .btn-solid {
    background-color: transparent;
    border: 1px solid @color-white;

    &:hover {
      border-color: transparent;
      border-left-color: @color-base;
      border-right-color: @color-button;
    }
  }

  .btn-episode {
    background-color: #5a97ca;

    &:hover, &:focus {
      background: #2b68a3 !important;
    }
  }

  .btn-full {
    width: 100%;
  }

  .btn-width-120 {
    width: 120px;
  }
}