/* button.css */

:root {
    --transition-default: all ease-in-out 0.15s;
}

.wp-block-button.is-style-ghost .wp-block-button__link {
    background-color: transparent;
    color: var(--wp--preset--color--primary, currentColor);
    border: 2px dashed currentColor;
    padding: 1rem 2rem;
    text-transform: uppercase;
}


.wp-block-button .wp-block-button__link:hover {
    transform: rotate(-1deg);
}

.wp-block-button .wp-block-button__link {
    transition: var(--transition-default);
}



/* Fill-Styles */
.is-style-fill-yellow {
    background-color: var(--wp--preset--color--accent-2); /* Gelb */
    color: var(--wp--preset--color--contrast); /* Schwarz */
    border: none;
  }
  
  .is-style-fill-orange {
    background-color: var(--wp--preset--color--accent-1); /* Orange */
    color: var(--wp--preset--color--base); /* Weiss */
    border: none;
  }
  
  .is-style-fill-black {
    background-color: var(--wp--preset--color--contrast); /* Schwarz */
    color: var(--wp--preset--color--base); /* Weiss */
    border: none;
  }
  
  /* Outline-Styles */
  .is-style-outline-yellow {
    background-color: transparent;
    border: 2px solid var(--wp--preset--color--accent-2);
    color: var(--wp--preset--color--contrast); /* Schwarz */
  }
  
  .is-style-outline-orange {
    background-color: transparent;
    border: 2px solid var(--wp--preset--color--accent-1);
    color: var(--wp--preset--color--accent-1);
  }
  
  .is-style-outline-black {
    background-color: transparent;
    border: 2px solid var(--wp--preset--color--contrast);
    color: var(--wp--preset--color--contrast);
  }