// Demo-specific styles for the icon button showcase
:host {
  display: block;
}

// Danger button styling for destructive actions demo
::ng-deep .danger-button {
  &.ui-icon-button--outlined {
    color: #dc3545;
    border-color: #dc3545;
    
    &:hover:not(:disabled) {
      background-color: rgba(220, 53, 69, 0.1);
      border-color: #dc3545;
    }
    
    &:focus-visible {
      outline-color: #dc3545;
    }
  }
}