{% set classes = [
  'block border transition-colors ease-in-out duration-200',
  shape == "rounded" ? "rounded-md",
  shape == "square" ? "rounded-none",
  size == 'large' ? "py-3 px-5 text-xl" : "py-2 px-5 text-lg",
  type == "primary" and not inverted ? "bg-blue-500 border-blue-500 text-white hocus:bg-blue-600 hocus:text-white",
  type == "primary" and inverted ? "bg-white border-blue-500 text-blue-600 hocus:bg-blue-600 hocus:text-white",
  type == "secondary" ? "bg-gray-500 text-white hocus:bg-gray-600 hocus:text-white",
] %}

<a class="{{ classes|join(' ') }}" href="#0">{{ text }}</a>