/**
 * Theme Button Styles
 * 
 * This file contains all custom styles related to buttons using the UAGB 
 * button component, especially the `.standard` style variations.
 * 
 * If additional button styles or variations become too large, create a 
 * separate sub-file and name it accordingly (e.g., theme_buttons-outline.css).
 */

.wp-block-uagb-buttons a.wp-block-button__link {
  background-color: var(--ast-global-color-4);
  font-size: var(--btn-font-size);
  padding: 0.867em 2.333em;
  transition: all 0.5s ease-in-out;
}

.wp-block-uagb-buttons a.wp-block-button__link .uagb-button__link {
  color: var(--ast-global-color-2);
  font-family: var(--mainfont);
  font-size: var(--btn-font-size);
  font-weight: 600;
  font-style: normal;
  line-height: 1.67;
  display: flex;
  gap: 10px;
  align-items: center;
}

.wp-block-uagb-buttons a.wp-block-button__link .uagb-button__link::after {
  content: "";
  display: inline-block;
  --my-size: 0.667em;
  width: calc(var(--my-size) * 0.733);
  height: var(--my-size);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  transition: all 0.5s ease 0s;
  background-image: url(../../img/icon-button-pfeil-gruen.svg);
}