.yg-button,
.wp-element-button,
.wp-block-button__link {
  display: inline-flex;
  min-height: var(--yg-control-height);
  align-items: center;
  justify-content: center;
  padding: var(--yg-space-1) var(--yg-space-3);
  border: var(--yg-border-width) solid var(--yg-color-action);
  border-radius: var(--yg-radius-control);
  background: var(--yg-color-action);
  color: var(--yg-color-on-accent);
  font-family: var(--yg-font-body);
  font-size: var(--yg-font-size-sm);
  font-weight: var(--yg-font-weight-semibold);
  line-height: 1.25;
  text-decoration: none;
  transition: background-color var(--yg-duration-fast) var(--yg-ease-standard), border-color var(--yg-duration-fast) var(--yg-ease-standard), color var(--yg-duration-fast) var(--yg-ease-standard);
}

.yg-button:hover,
.wp-element-button:hover,
.wp-block-button__link:hover {
  border-color: var(--yg-color-action-hover);
  background: var(--yg-color-action-hover);
  color: var(--yg-color-on-accent);
}

.yg-card {
  border: var(--yg-border-width) solid var(--yg-color-line);
  border-radius: var(--yg-radius-card);
  background: var(--yg-color-card);
}

.yg-empty-state {
  padding-block: var(--yg-space-6);
}