.btn {
  display: inline-flex;
  align-items: center;
  background-color: #6f2c30;
  border-radius: 4px;
  color: white;
  cursor: pointer;
  padding: 1.07143rem 2.14286rem;
  line-height: 2.14286rem;
  margin-top: 0;
  margin-bottom: 2.14286rem;
  border: 0;
  font-size: 1rem;
  font-weight: bold; }
  @media (pointer: fine) {
    .btn:focus, .btn:active {
      outline: none; }
    .btn:hover {
      border: 0;
      color: white;
      background-color: #7a3035; } }
  .btn-wide.btn {
    padding: 1.07143rem 4.28571rem; }
  .white.btn {
    background-color: white;
    color: #414042; }
    @media (pointer: fine) {
      .white.btn:hover {
        opacity: .8; } }
  .btn-secondary.btn {
    box-shadow: inset 0 0 0 2px #414042;
    background: transparent;
    color: #414042; }
    .btn-secondary.filled.btn {
      background: #414042;
      color: white;
      box-shadow: none; }
      @media (pointer: fine) {
        .btn-secondary.filled.btn:hover {
          background: #817f83;
          color: white; } }
    .btn-secondary.dark.btn {
      color: #6f2c30;
      box-shadow: inset 0 0 0 2px #6f2c30; }
    @media (pointer: fine) {
      .btn-secondary.btn:hover {
        box-shadow: inset 0 0 0 2px #817f83;
        color: #817f83; } }
    .btn-secondary.white.btn {
      box-shadow: inset 0 0 0 2px white;
      background: transparent;
      color: white; }
      @media (pointer: fine) {
        .btn-secondary.white.btn:hover {
          opacity: .8; } }
  .btn-medium.btn {
    padding: 0.53571rem 1.60714rem;
    line-height: 1.60714rem; }
  .btn-small.btn {
    padding: 0.26786rem 0.80357rem;
    line-height: 1.60714rem; }
  .btn-text.btn {
    background: none;
    padding: 0;
    border-radius: 0;
    margin-top: 0;
    margin-bottom: 0;
    color: #414042; }
    .btn-text.white.btn {
      color: white; }
  .arrow.btn .graphic, .icon.btn .graphic {
    display: inline-block; }
  .arrow.btn > *:first-child, .icon.btn > *:first-child {
    margin-right: 1.07143rem; }
  .icon.btn .download,
  .icon.btn .play {
    width: 1.33929rem;
    height: 1.33929rem; }
  .btn .graphic {
    display: inline-block;
    width: 2.14286rem; }
    .btn .graphic .stroke {
      stroke: currentColor;
      stroke-width: 2px;
      fill: none;
      vector-effect: non-scaling-stroke; }
    .btn .graphic .fill {
      fill: currentColor; }
  .inline-button.btn {
    text-decoration: underline;
    margin-bottom: 0rem; }