.health{position:relative}
.health .health-delay{position:absolute;left:0;top:0;z-index:1;width:100%;height:100%;border-radius:99px;background:linear-gradient(180deg,#fff2bd,#d7c283);transition:width .72s .18s ease-out}
.health.enemy .health-delay{background:linear-gradient(180deg,#ffdbbc,#eeb6a0)}
.health>div:not(.health-delay){position:relative;z-index:2}