The logo

can you write a svg logo for our a carbon footprint app

<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">
  <circle cx="50" cy="50" r="45" fill="#4CAF50" />
  <path d="M50 70L30 50L50 30L70 50Z" fill="#FFF" />
  <text x="50" y="58" text-anchor="middle" fill="#FFF" font-size="32">CFP</text>
</svg>

This logo features a green circle, representing sustainability, with a white arrow pointing towards the center, symbolizing a reduction in carbon emissions. The acronym "CFP" is displayed in white in the center of the circle.

can you make a css animation to make the acronym of the logo ratating

/* Define the animation keyframes */
@keyframes rotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

/* Apply the animation to the text element */
text {
  animation: rotate 5s linear infinite;
}

can you write a css animation that makes the circle in the logo blink