.ys-bien-button {
  display: inline-flex;
  min-height: 48px;
  align-items: center;
  justify-content: center;
  padding: 12px 22px;
  border: 1px solid var(--ys-bien-color-primary);
  border-radius: 999px;
  background: var(--ys-bien-color-primary);
  color: var(--ys-bien-color-white);
  font-weight: 700;
  line-height: 1;
  text-decoration: none;
  transition:
    background-color 180ms ease,
    color 180ms ease,
    transform 180ms ease;
}

.ys-bien-button:hover {
  background: transparent;
  color: var(--ys-bien-color-primary);
  transform: translateY(-1px);
}

.ys-bien-button:focus-visible {
  outline: 3px solid var(--ys-bien-color-accent);
  outline-offset: 3px;
}