//
// Copyright IBM Corp. 2019, 2020
//
// This source code is licensed under the Apache-2.0 license found in the
// LICENSE file in the root directory of this source tree.
//

$css--plex: true !default;

@import 'carbon-components/scss/components/button/button';

:host(#{$prefix}-btn) {
  display: inline-flex;
  max-width: rem(320px);
  outline: none;

  .#{$prefix}--btn {
    flex-grow: 1;
    max-width: 100%;
  }

  .#{$prefix}-ce--btn--has-icon {
    padding-right: 12px;
  }

  ::slotted([slot='icon']) {
    fill: currentColor;
    margin-left: $carbon--spacing-03;
  }

  .#{$prefix}--btn--icon-only ::slotted([slot='icon']) {
    margin-left: 0;
  }
}

:host(#{$prefix}-btn[kind='ghost']:hover) .#{$prefix}--btn--ghost,
:host(#{$prefix}-btn[kind='ghost']) .#{$prefix}--btn--ghost:active {
  outline: none;
}