// inline confirmation message .inline__confirm { position: absolute; top: 0; transform: translateY(-103%); width: 100%; height: 100%; margin-left: -1.8em; z-index: 5; background: $darkbg__primary; color: $white; padding: 2em 2em 1.55em 2em; overflow: hidden; @include fastTransition-all; &.active { transform: translateY(0); @include fastTransition-all; } } // Power confirmation buttons .inline__confirm-buttons { .btn-primary { background: transparent; border: 2px solid $white; padding: 1em 2.2em; margin: 0 10px; border-radius: 4px; &:focus, &:hover { background: $primebtn__bg; border: 2px solid $primebtn__bg; } } @include mediaQuery(medium) { float: right; } } // confirmation message .inline__confirm-message { display: inline-block; } // Power confirmation message icon .inline__confirm-message i::before { content: '\26A0'; color: $status-warn; display: inline-block; font-size: 2em; vertical-align: middle; font-style: normal; margin-right: 15px; }