Smart Button scss Modular

//Smart Button styles

.shopify-payment-button { 
  margin-top: 15px;
  padding-bottom: 28px;
  width: 200px;
}
@media screen and (max-width: $med) {
  .shopify-payment-button { 
    margin-right: auto;
    margin-left: auto;
  }
}
.shopify-payment-button__button--unbranded{
  @extend .btn;
  line-height: normal;
  border-radius: 0!important;
  background: none;
  border: 1px solid black!important;
  padding: 12px 26px!important;
  margin: 0;
  text-transform: capitalize;
  color: white!important;
  background-color: black!important;
}

.featured-product {
  	.shopify-payment-button__button {
      	width: 200px !important;
      	position: relative;
      	display: inline-block;
	}
  	.product-layout-1 {
      .shopify-payment-button {
   		margin-left: auto;
        margin-right: auto;
      }
  	}
}

div.shopify-payment-button__button--unbranded span:nth-child(2){
  margin-right:10px;
}

.shopify-payment-button__more-options{
  width: auto !important;
  color: black!important;
  background-color: transparent!important;
  padding: 5px 0;
  margin: auto;
}

.shopify-payment-button__button[disabled]{
  display: none;
}

.add-to-cart-btn-style{
  color: black!important;
  border: 1px solid black;
  background-color: white!important;
  padding: 12px 17px;
  width: 200px;
}

@media screen and (max-width: $med){

  .shopify-payment-button__more-options{
      margin: auto;
  }
  
  .shopify-payment-button__button--branded, .shopify-payment-button__button--unbranded{
      margin: auto;
  }
  
}
.shopify-payment-button__button {
     width: 200px !important;
}

@media screen and (min-width: $sm){
  .productForm-block .inputGroup {
     display: inline-block;
  }
}