@charset "utf-8";

/* **************************************************

  button
  
************************************************** */
[class^="btn-"], [class*=" btn-"] {
  color: #fff !important;
  line-height: 1.5;
  text-decoration: none !important;
  display: block;
  text-align: center;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  border-radius: 10px;
  box-sizing: border-box;
  cursor: pointer;
  border: none;
  outline: none;
  -webkit-appearance: none;
  -webkit-transition: box-shadow 0.2s ease-in-out;
  -moz-transition: box-shadow 0.2s ease-in-out;
  -ms-transition: box-shadow 0.2s ease-in-out;
  -o-transition: box-shadow 0.2s ease-in-out;
  transition: box-shadow 0.2s ease-in-out;
}
[class^="btn-"]:hover, [class*=" btn-"]:hover { box-shadow: none; }

@media screen and (max-width:767px) {
[class^="btn-"], [class*=" btn-"] { border-radius: 6px; }
}


/* --------------------------------------------------
  color
-------------------------------------------------- */
[class^="btn-blue"], [class*=" btn-blue"] {
  background: #42cedf;
  box-shadow: -4px -4px 0px #1dacbe inset;
}
[class^="btn-green"], [class*=" btn-green"] {
  background: #a4cb31;
  box-shadow: -4px -4px 0px #48a92a inset;
}
[class^="btn-red"], [class*=" btn-red"] {
  background: #f26666;
  box-shadow: -4px -4px 0px #bd4c4c inset;
}

@media screen and (max-width:767px) {
[class^="btn-blue"], [class*=" btn-blue"] { box-shadow: -2px -2px 0px #1dacbe inset; }
[class^="btn-green"], [class*=" btn-green"] { box-shadow: -2px -2px 0px #48a92a inset; }
[class^="btn-red"], [class*=" btn-red"] { box-shadow: -2px -2px 0px #bd4c4c inset; }
}


/* --------------------------------------------------
  size
-------------------------------------------------- */
[class$="-200x30"], [class*="-200x30 "] {
  font-size: 14px;
  max-width: 200px;
  padding: 8px;
  border-radius: 6px;
}
[class$="-284x70"], [class*="-284x70 "] {
  font-size: 15px;
  max-width: 284px;
  padding: 10px;
}
[class$="-340x50"], [class*="-340x50 "] {
  font-size: 20px;
  max-width: 340px;
  padding: 10px;
}
[class$="-370x60"], [class*="-370x60 "] {
  font-size: 24px;
  max-width: 370px;
  padding: 10px;
}

@media screen and (max-width:767px) {
[class$="-200x30"], [class*="-200x30 "],
[class$="-284x70"], [class*="-284x70 "],
[class$="-340x50"], [class*="-340x50 "],
[class$="-370x60"], [class*="-370x60 "] {
  font-size: 15px;
  max-width: 100%;
  padding: 15px 10px !important;
}
}


/* --------------------------------------------------
  file
-------------------------------------------------- */
.btn-file {
  font-family: "Montserrat", sans-serif;
  line-height: 40px;
  letter-spacing: -0.4em;
}
.btn-file > * {
  display: inline-block;
  letter-spacing: normal;
  vertical-align: middle;
}
.btn-file > .fa { font-weight: normal !important; }
.btn-file .fa { font-size: 40px; }
.btn-file .fa-arrow-right {
  font-size: 15px;
  margin: 0px 10px;
}