:root {
  --border_radius_upload_button: 5%;
  /* Settings and colors for animation button */
  --animated_button_width_inside: 90%;
  --animated_button_height_inside: 70%;

  /* 48 ba d3 ,  72 186 211*/
  /* 05 4A 5A ,  05  74  90 */
  --outer_border_color_on    : #007BFF;
  --inner_border_color_on    : #007BFF;
  --center_color_on          : rgba(84,120,171,1.0);
  --text_color_on            : rgba(255,255,255,1.0);

  
  --outer_border_color_off   : rgba(84,120,171,0.5);  /* fills only border line */
  --inner_border_color_off   : rgba(84,120,171,0.5);  /* fills inner button */
  --center_color_off         : rgba(84,120,171,0.0);  /* fills center, overlapping color in inner border */
  --text_color_off           : rgba(255,255,255,0.6);

  /* Color of text inside animated button */
}

.AnimatedButtonContainer {
    /*width: 19em;*/
    position: relative;
    /*background-color: #0000ff;*/
    display: flex;
    /* Size of animated button */
    font-size: 1.0em;
    justify-content: center;
}

/* Button content in unchecked of disabled state */
.AnimatedButton {
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: var(--border_radius_upload_button);
  border: 0px solid var(--outer_border_color_off);
  background-color: #0f0;
  box-sizing: border-box;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.8em;
  content: "";
  z-index: -1;
}