@import "variables"; vn-step-control { display: flex; justify-content: center; .step-control { border-top: 2px solid $color-main; margin-bottom: 15px; & > .steps { display: flex; flex-direction: row } & > .steps > .step { justify-content: center; min-width: 125px; display: flex; flex: auto } & > .steps > .step .circle { border: 2px solid $color-main; background-color: white; align-content: center; margin-top: -10px; border-radius: 50%; cursor: pointer; height: 15px; width: 15px; } & > .steps > .step .circle.active { background-color: $color-main; } & > .buttons { display: flex; flex: auto; flex-direction: row; justify-content: space-between; margin-top: 10px; } & > .buttons > .step { display: flex } } }