/* Figma component: "Button / Primary" (node 6557:610). Reuse this class anywhere that
   component is used in the design instead of writing new button styles. */
.btn-primary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: clamp(141px, 14.17vw, 272px);
  height: clamp(25px, 2.5vw, 48px);
  padding: clamp(5px, 0.5vw, 9.6px) clamp(15px, 2.1vw, 40.32px);
  background-color: var(--color-mint);
  color: #000;
  font-family: var(--font-regular);
  font-size: clamp(9px, 0.9vw, 17.28px);
  line-height: 1.25;
  letter-spacing: 0.0056em;
  border-radius: 999px;
  border: none;
  white-space: nowrap;
  transition: background-color 0.2s var(--ease-standard);
}

.btn-primary:hover {
  background-color: var(--color-green-2);
  color: #000;
  text-decoration: none;
}