#slack-inputgroup {
  border-radius: 5px;
  margin: 15px 0;
  clear: both;
  display: inline-block;
}
#slack-email-inputfield {
  border: none;
  border-radius: 5px 0 0 5px;
  padding: 0 10px;
  color: #333;
  font-size: 14px;
  line-height: 32px;
  outline: none;
  background: #efefef;
  width: 200px;
}
#slack-email-label {
  font-weight: 600;
  border-radius: 5px;
  display: block;
}
#slack-submit-button {
  line-height: 32px;
  border: none;
  color: #fff;
  background: darken($blue, 10%);
  padding: 0 15px;
  border-radius: 0 5px 5px 0;
  cursor: pointer;

  &:focus {
    outline: none;
  }

  &:hover {
    background: darken($blue, 5%)
  }

  &:active {
    background: $blue;
  }

  &:disabled {
    background: #ddd;
    cursor: not-allowed;
  }
}
#slack-error {
  color: #d60f07;
  font-weight: 500;
}
#slack-success {
  color: green;
  font-weight: 500;
}
#slack-inputgroup {
  border-radius: 5px;
  margin: 15px 0;
  clear: both;
  display: inline-block;
}
#slack-email-inputfield {
  border: none;
  border-radius: 5px 0 0 5px;
  padding: 0 10px;
  color: #333;
  font-size: 14px;
  line-height: 32px;
  outline: none;
  background: #efefef;
  width: 180px;
}
#slack-email-label {
  font-weight: 600;
  border-radius: 5px;
  display: block;
}
#slack-submit-button {
  line-height: 32px;
  border: none;
  font-size: 14px;
  color: #fff;
  background: darken($blue, 10%);
  padding: 0 15px;
  border-radius: 0 5px 5px 0;
  cursor: pointer;

  &:focus {
    outline: none;
  }

  &:hover {
    background: darken($blue, 5%)
  }

  &:active {
    background: $blue;
  }

  &:disabled {
    background: #ddd;
    cursor: not-allowed;
  }
}
#slack-error {
  color: #d60f07;
  font-weight: 500;
}
#slack-success {
  color: green;
  font-weight: 500;
}
Reduce width on slack input field so it doesnt break on small phones. Adjust font size on slack invite submit button.
Reduce width on slack input field so it doesnt break on small phones. Adjust font size on slack invite submit button.
