@import "colors"; vn-step-control { display: flex; justify-content: center; .step-control { border-top: 2px solid $main-01; 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 $main-01; background-color: white; align-content: center; margin-top: -9.5px; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; cursor: pointer; height: 15px; width: 15px } & > .steps > .step .circle.active { background-color: $main-01; } & > .buttons { display: flex; flex: auto; flex-direction: row; justify-content: space-between; margin-top: 10px } & > .buttons > .step { display: flex } & > .buttons > .step > .mdl-button { line-height: 32px; font-size: 12px; padding: 0 12px; height: 32px } } }