mixin CloseButtonWhiteVariant
  div(data-bs-theme="dark")
    button.btn-close(type='button' aria-label='Close')
    button.btn-close(type='button' disabled='' aria-label='Close')


mixin CloseButtonWhiteVarientDescription
  p&attributes(attributes) Add 
    code data-bs-theme="dark" 
    | to the 
    code .btn-close
    | , or to its parent element, to invert the close button. This uses the 
    code filter 
    | property to invert the 
    code background-image.
    | without overriding its value.

mixin CloseButtonExample
  button.btn-close(type='button' aria-label='Close')
  button.btn-close(type='button' disabled='' aria-label='Close')

mixin FalconCloseButton
  .btn-close-falcon

mixin CloseButtonExampleDescription
  p&attributes(attributes)
    strong Be sure to include text for screen readers
    | , as we’ve done with 
    code aria-label
    | . Disabled close buttons have 
    code pointer-events: none 
    | and 
    code user-select: none
    |  applied to, preventing hover and active states from triggering.