class Boton{
   color colorNormal = color(#2B38AA);
   color colorSobre = color(#862970);
   color colorPulsado = color(#F2C007);
  
   color colorAhora;
   color colorObjetivo;
  
   boolean sobre;
   boolean pulsado;
   
   float x;
   float y;
   float radio;
   
   Boton(float _x, float _y, float _radio){
     x = _x;
     y = _y;
     radio = _radio;
     
     colorAhora = colorNormal;
     colorObjetivo = colorNormal;
   }
   
   void actualizate(){
      if(dist(mouseX, mouseY, x, y) < radio){
        sobre = true;
        if(mousePressed){
          pulsado = true;
          colorObjetivo = colorPulsado;
          colorAhora = colorPulsado;
        }else{
          pulsado = false;
          colorObjetivo = colorSobre;
          colorAhora = colorSobre;
        }
      }else{
        sobre = false;
        colorObjetivo = colorNormal;
      }
      
      colorAhora = lerpColor(colorAhora, colorObjetivo, 0.06);
   }
   
   void dibujate(){
     fill(colorAhora);     
     noStroke();
     ellipse(x, y, 2*radio, 2*radio);
   }
}