.bastet-newsletter-form { display: flex; flex-wrap: wrap; position: relative; @include respond-above( 'start', 'screen' ) { align-items: center; justify-content: center; } .bastet-newsletter-mail { width: calc(100% - 150px); padding: 14px 28px 14px 28px; border: 1px solid $color__border-input; outline: none; @include respond-above('start', 'mobile') { width: 100%; margin-bottom: 10px; } &:hover, &:active, &:focus { outline: none; } } .bastet-newsletter-submit { width: auto; margin-left: 8px; font-size: 12px; letter-spacing: 1.5px; text-align: center; text-transform: uppercase; height: auto; padding: 14px 28px 14px 28px; font-weight: 700; border: none; box-shadow: none; background: bastet-color(); color: #fff; min-height: 54px; @include respond-above('start', 'mobile') { position: relative; width: 100%; margin-left: 0; } } } .footer-widgets, .wp-block-bastet-about-me { .bastet-newsletter-form { .bastet-newsletter-mail { @include respond-above('start', 'screen') { width: 100%; margin-bottom: 10px; } } .bastet-newsletter-submit { @include respond-above('start', 'screen') { position: relative; min-height: 54px; width: 100%; margin-left: 0; } } } }