@import url("https://fonts.googleapis.com/css?family=Montserrat:200,300,400,500,600,700");
.base-pro-button {
  display: inline-block;
  vertical-align: top;
  padding: 10px 15px;
  margin: 15px 0;
  font-family: "Montserrat", sans-serif;
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
  -webkit-transition: ease 0.3s;
  -moz-transition: ease 0.3s;
  -ms-transition: ease 0.3s;
  -o-transition: ease 0.3s;
  transition: ease 0.3s;
  /*Primary Button*/
  /*Secondary Button*/
  /*Secondary Button*/ }
  .base-pro-button:hover, .base-pro-button:active {
    text-decoration: none; }
  .base-pro-button.primary {
    background-color: #0400f4;
    border: 1px solid #0400f4; }
    .base-pro-button.primary:hover, .base-pro-button.primary:active {
      background-color: transparent; }
  .base-pro-button.secondary {
    background-color: #0400f4;
    border: 1px solid transparent;
    color: #fff; }
    .base-pro-button.secondary:hover, .base-pro-button.secondary:active {
      background-color: #1adab7; }
  .base-pro-button.button-with-arrow {
    position: relative;
    background-color: transparent;
    border: none;
    padding: 0;
    padding-right: 20px; }
    .base-pro-button.button-with-arrow .fa {
      position: absolute;
      right: 0; }
    

/*# sourceMappingURL=styles.css.map */