@use '../core/style/spacing' as *;

$uxg-expansion-filter-border-radius: 4px;

.mat-action-row {
  button + button {
    margin-left: 8px;
  }
}

.uxg-expansion-filter.mat-expansion-panel {
  padding: 0 $uxg-spacing-2 $uxg-spacing-2;

  .mat-expansion-panel-header {
    border-width: 1px;
    border-style: solid;
  }

  .mat-expansion-panel-content {
    margin-top: $uxg-spacing-2;

    .mat-expansion-panel-body {
      border-radius: $uxg-expansion-filter-border-radius;
      z-index: 1;
      overflow: hidden;
      padding: 0;
    }
  }
}

.uxg-contact {
  .uxg-contact-header {
    width: 100%;
    display: flex;
    align-items: center;

    .mat-icon {
      margin-right: 10px;
    }

    .mat-icon-button {
      .mat-icon {
        margin-right: inherit;
      }
    }
  }
}