/*your custom css goes here*/ .botoncito { width: 100%; height: 60px; display: flex; align-items: center; justify-content: right; background: transparent; } .car { position: absolute; bottom: calc(100% - 5px); left: 0; opacity: 0; } .svgImagen { width: 72px; } .btn-order { width: 200px; height: 50px; background: #20274a; border: none; border-radius: 25px; position: relative; color: #fff; font-weight: 500; cursor: pointer; font-size: 16px; } .btn-order:focus { outline: none; } .light { position: absolute; opacity: 0; width: 3px; height: 3px; right: 0; top: 20px; background: yellow; } .light:before { content: ''; position: absolute; width: 15px; height: 5px; top: 4px; left: 0; background: linear-gradient(to right, #ffeb00, #ffeb003d); clip-path: polygon(0 50%, 100% 0, 100% 100%); transform: rotate(45deg); } .complited { position: absolute; top: 13px; width: 100%; display: flex; justify-content: center; align-items: center; left: 0; opacity: 0; } .complited svg { width: 12px; height: 10px; fill: none; margin: 0 0 0 4px; stroke: #16BF78; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; stroke-dasharray: 16px; stroke-dashoffset: 16px; } .st0 { fill: #40596B; } .st1 { fill: #334A5E; } .st2 { fill: #BABAB9; } .st3 { fill: #AAAAAA; } .st4 { fill: #FF7058; } .st5 { fill: #84DBFF; } .st6 { fill: #CDD6E0; } .st7 { fill: #F2F2F2; } .st8 { fill: #FFD15C; } .st9 { fill: #E2C78C; } .st10 { fill: #B59B68; } .st11 { fill: #D8D8D6; } .st12 { fill: #ACB3BA; } .align-right-lapieza { align-content: right; }