form.subscribe-form
  input.subscribe-form__input(type='email' title="Email" placeholder="Email")
  button.button Subscribe
View Compiled

/* subscribe-form component file */
.subscribe-form {
  display: grid;
  //Can't use grid-gap due to IE11 support
  grid-template-columns: 1fr 10px auto;
  border: 1px dotted #000;
  padding: 10px;
    
  &__input {
    border: 1px solid #000;
    padding: 10px;
  }
  
  /*
  Applying "grid-column: 3;" as a
  context sensitive style.
  */
  .button {
    grid-column: 3;
  }
}

/* button component file */
.button {
  /* styles that we want to appear on every button by default */
  padding: 10px;
  background: darkgreen;
  color: #fff;
  border: 0;
  text-decoration: none;
  text-align: center;
  display: inline-block;
}
View Compiled

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.