@include export-module('speechtotext-bigger') {
  // Speechtotext component styles

  .e-bigger .e-speech-to-text.e-btn,
  .e-bigger.e-speech-to-text.e-btn {
    align-items: center;
    border-radius: $stt-bigger-border-radius;
    display: inline-flex;
    font-size: $stt-bigger-font-size;
    min-width: $stt-bigger-min-width;
    min-height: $stt-bigger-min-height;
    padding: $stt-bigger-padding;
    &.e-round {
      width: $stt-bigger-round-width;
      height: $stt-bigger-round-height;
      padding: 0;
    }
    .e-btn-icon {
      font-size: $stt-bigger-font-size;
      @if ($skin-name == 'material' or $skin-name == 'material-dark' or $skin-name == 'material3') {
        line-height: 1px;
        width: 2em;
      }
      @if ($skin-name == 'bootstrap5.3' or $skin-name == 'fabric') {
        margin-top: 1px;
      }
      @if ($skin-name == 'bootstrap5') {
        margin-top: 0;
      }
      @if ($skin-name == 'FluentUI' or $skin-name == 'fabric-dark') {
        margin-top: -1px;
      }
      @if ($skin-name == 'fluent2') {
        margin-top: 2px;
      }
    }
  }

  .e-bigger .e-speech-to-text.e-round,
  .e-bigger.e-speech-to-text.e-round {
    .e-btn-icon {
      font-size: $stt-bigger-btn-font-size;
    }
  }
}