@use "sass:color";
@use "colors" as *;
@use "../colors" as *;
@use "sizes" as *;
@use "../sizes" as *;
@use "../../base/speedDialAction" as *;
@use "../button/colors" as *;

// adduse
@use "../overlay";

$material-fa-button-size: 40px;
$material-fa-button-label-offset: 16px;
$material-fa-button-label-padding: 4px 8px;

@include dx-fa-button-mixin(
  $material-main-fa-button-size,
  $material-fa-button-size,
  $material-base-icon-size,
  $material-base-font-size,
  $material-fa-button-label-padding,
  $material-fa-button-label-offset,
  $speed-dial-action-color,
  $speed-dial-action-bg,
  $speed-dial-action-shadow,
  $speed-dial-action-shading-color,
  $speed-dial-action-hover-bg,
  $speed-dial-action-active-bg,
  $speed-dial-action-label-shadow,
  $button-default-bg,
  $button-default-color
);

.dx-fa-button {
  &.dx-fa-button-main {
    .dx-overlay-content {
      .dx-fa-button-label {
        padding: $material-main-fa-button-label-padding;
        font-size: $material-base-font-size;
        text-transform: uppercase;
        letter-spacing: 1.25px;
        font-weight: 500;
      }
    }
  }
}