/*
  button component

  basic
    icon
    label for screen readers
    secondary
*/



@layer styleseeker {

  /* basic
  ============================================================================ */  
  .pos-button {
    background-image: linear-gradient(180deg, rgb(var(--gradient1-from)), rgb(var(--gradient1-to)));
  }

  .pos-button:hover {
    background-color: var(--pos-color-button-default-hover-background);
    background-image: none;
    border-color: transparent;

    color: var(--pos-color-button-default-hover-foreground);
  }

  .pos-button:active {
    transform: none;
  }
    
}