.button { display: inline-block; padding: 8px 40px; letter-spacing: 1px; text-align: center; cursor: pointer; background-color: #020202; border: 1px solid #020202; -webkit-transition: background 0.3s, color 0.3s, border 0.3s, opacity 0.3s; transition: background 0.3s, color 0.3s, border 0.3s, opacity 0.3s; color: white; text-transform: uppercase; font-size: 1.5rem; line-height: 1.4; position: relative; font-family: "ITC Avant Garde Gothic Medium", sans-serif; }

.button__icon { max-width: 22px; left: 15px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; font-size: 18px; vertical-align: text-bottom; }

.button:hover { border-color: #020202; }

.button--inverted { background-color: transparent; color: #020202; }

.button--inverted:hover { background-color: #020202; color: #fefefe; }

.button--transparent { background-color: transparent; color: #fefefe; border-color: #fefefe; }

.button--transparent:hover { background-color: #fefefe; color: #020202; border-color: #fefefe; }

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