@import url(https://fonts.googleapis.com/css?family=Patrick+Hand+SC);
* {
  box-sizing: border-box; }

button {
      width:130px;
      align-self: center;
      background: transparent;
      padding: 0.5rem 0.5rem;
      margin: 0 0.5rem;
      transition: all .5s ease;
      color: #41403E;
      font-size: 1rem;
      letter-spacing: 1px;
      outline: none;
      box-shadow: 20px 38px 34px -26px rgba(0, 0, 0, 0.2);
      border-radius: 255px 15px 255px 15px/15px 255px 15px 255px;
      /*
      Above is shorthand for:
      border-top-left-radius: 255px 15px;
      border-top-right-radius: 15px 225px;
      border-bottom-right-radius: 225px 15px;
      border-bottom-left-radius:15px 255px;
      */ 
}

html button:hover, body button:hover {
  box-shadow: 2px 8px 4px -6px rgba(0, 0, 0, 0.3); 
}

html button.lined.thick, body button.lined.thick {
  border: solid 7px #41403E; 
}

html button.dotted.thick, body button.dotted.thick {
  border: dotted 5px #41403E; 
}

html button.dashed.thick, body button.dashed.thick {
  border: dashed 5px #41403E; 
}

html button.lined.thin, body button.lined.thin {
  border: solid 2px #41403E; 
}

html button.dotted.thin, body button.dotted.thin {
  border: dotted 2px #41403E; 
}

html button.dashed.thin, body button.dashed.thin {
        border: dashed 2px #41403E; 
}


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

/* Author: Tiffany Rayside */
/* Source: http://codepen.io/tmrDevelops/pen/VeRvKX?utm_source=bypeople */