@import "src/assets/css/variable"; .bargain-bind-phone { padding: 10px 20px; } .bargain-bind-phone__title { margin: 0 0 12px; font-size: 15px; color: #333; font-weight: normal; text-align: center; line-height: 1; } .bargain-bind-phone__item { display: flex; align-items: center; width: 100%; height: 30px; margin-top: 15px; border: 1px solid #ddd; box-sizing: border-box; input { width: 100%; padding-left: 10px; border-style: none; outline: 0; -webkit-appearance: none; &::-webkit-input-placeholder { color: $color_999; } &.bargain-bind-phone__ipt { border-left: 1px solid #ddd; } } } .bargain-bind-phone__button--num { display: inline-flex; align-items: center; padding: 0 5px; color: $color_999; } .bargain-bind-phone__button--send { width: 136px; border-style: none; font-size: 13px; color: $active; text-align: right; background-color: transparent; cursor: pointer; outline: none; &:disabled { color: $color_999; } } .bargain-bind-phone__button--bargain { display: block; width: 100%; height: 30px; margin-top: 20px; border-style: none; font-size: 15px; color: #ff4000; line-height: 30px; text-align: center; background-color: #fadd29; outline: none; -webkit-appearance: none; &:disabled { color: $white; background-color: $bg_999; } }