.counter_outer{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.record_img{margin-top:5px;margin-bottom:5px}.record_img.started{border:3px solid orange}.record_img.ended{border:3px solid green}.timer{min-width:120px;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex}.dot{width:10px;height:10px;display:block;right:0;z-index:1}.dot,.dot:before{background-color:#f44336;border-radius:50%;position:absolute}.dot:before{content:"";top:calc(50% - 4px);left:calc(50% - 4px);width:8px;height:8px;opacity:1;-webkit-animation:burst-animation 1s infinite;animation:burst-animation 1s infinite;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;z-index:0}@-webkit-keyframes burst-animation{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}to{opacity:0;-webkit-transform:scale(4);transform:scale(4)}}@keyframes burst-animation{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}to{opacity:0;-webkit-transform:scale(4);transform:scale(4)}}