.confirm-page-container-navigation { display: flex; justify-content: space-between; font: inherit; padding: 4px 10px 4px 10px; border-bottom: 1px solid var(--geyser); flex: 0 0 auto; &__container { display: flex; } &__arrow { cursor: pointer; display: flex; padding-left: 5px; padding-right: 5px; } &__arrow:hover { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } &__arrow:active { -webkit-transform: scale(0.95); -moz-transform: scale(0.95); -o-transform: scale(0.95); transform: scale(0.95); } &__textcontainer { text-align: center; } &__navtext { @include H9; font-weight: bold; } &__longtext { @include H9; color: var(--oslo-gray); } &__imageflip { -webkit-transform: scaleX(-1); -moz-transform: scaleX(-1); -o-transform: scaleX(-1); transform: scaleX(-1); } }