/* BUTTONS
---------------------------*/
.cs-btn-wrap.full-width a {
  width: 100%;
  text-align: center;
  overflow: hidden; }

.a-btn, .a-btn-1,
.a-btn-2,
.a-btn-3,
.a-btn-4,
.a-btn-5,
.comments.btn-style-5 input[type="submit"],
.comments-form.btn-style-5 input[type="submit"],
.form.btn-style-5 input[type="submit"],
.a-btn-6,
.comments.btn-style-6 input[type="submit"],
.comments-form.btn-style-6 input[type="submit"],
.form.btn-style-6 input[type="submit"],
.a-btn-7,
.a-btn-8,
.a-btn-9, .comments input[type="submit"],
.comments-form input[type="submit"],
.form input[type="submit"] {
  font-size: 12px;
  font-weight: 700;
  display: inline-block;
  text-decoration: none;
  letter-spacing: 4.2px;
  text-transform: uppercase; }
  .a-btn, .a-btn-1,
  .a-btn-2,
  .a-btn-3,
  .a-btn-4,
  .a-btn-5,
  .comments.btn-style-5 input[type="submit"],
  .comments-form.btn-style-5 input[type="submit"],
  .form.btn-style-5 input[type="submit"],
  .a-btn-6,
  .comments.btn-style-6 input[type="submit"],
  .comments-form.btn-style-6 input[type="submit"],
  .form.btn-style-6 input[type="submit"],
  .a-btn-7,
  .a-btn-8,
  .a-btn-9, .comments input[type="submit"],
  .comments-form input[type="submit"],
  .form input[type="submit"], .a-btn:hover, .a-btn-1:hover,
  .a-btn-2:hover,
  .a-btn-3:hover,
  .a-btn-4:hover,
  .a-btn-5:hover,
  .a-btn-6:hover,
  .a-btn-7:hover,
  .a-btn-8:hover,
  .a-btn-9:hover, .comments input[type="submit"]:hover,
  .comments-form input[type="submit"]:hover,
  .form input[type="submit"]:hover {
    -webkit-transition: all 350ms ease;
    -o-transition: all 350ms ease;
    transition: all 350ms ease; }

@media only screen and (max-width: 768px) {
  .a-btn, .a-btn-1,
  .a-btn-2,
  .a-btn-3,
  .a-btn-4,
  .a-btn-5,
  .comments.btn-style-5 input[type="submit"],
  .comments-form.btn-style-5 input[type="submit"],
  .form.btn-style-5 input[type="submit"],
  .a-btn-6,
  .comments.btn-style-6 input[type="submit"],
  .comments-form.btn-style-6 input[type="submit"],
  .form.btn-style-6 input[type="submit"],
  .a-btn-7,
  .a-btn-8,
  .a-btn-9, .comments input[type="submit"],
  .comments-form input[type="submit"],
  .form input[type="submit"] {
    letter-spacing: 3px; } }
.a-btn-1 {
  color: var(--light-color);
  text-transform: uppercase;
  position: relative; }
  .a-btn-1::after {
    content: "";
    position: absolute;
    height: 1px;
    width: 33px;
    top: calc(50% - 1px);
    left: 80%;
    background-color: currentColor;
    -webkit-transform: translateX(27px);
    -moz-transform: translateX(27px);
    transform: translateX(27px);
    -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.13, 0.68, 0.05, 0.83);
    -moz-transition: -moz-transform 0.4s cubic-bezier(0.13, 0.68, 0.05, 0.83);
    transition: transform 0.4s cubic-bezier(0.13, 0.68, 0.05, 0.83); }
  .a-btn-1:hover {
    color: var(--light-color); }
    .a-btn-1:hover::after {
      -webkit-transform: translateX(0);
      -moz-transform: translateX(0);
      transform: translateX(0); }

.a-btn-2 {
  color: var(--dark-color);
  text-transform: uppercase;
  position: relative; }
  .a-btn-2::after {
    content: "";
    position: absolute;
    height: 1px;
    width: 33px;
    top: calc(50% - 1px);
    left: 80%;
    background-color: currentColor;
    -webkit-transform: translateX(27px);
    -moz-transform: translateX(27px);
    transform: translateX(27px);
    -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.13, 0.68, 0.05, 0.83);
    -moz-transition: -moz-transform 0.4s cubic-bezier(0.13, 0.68, 0.05, 0.83);
    transition: transform 0.4s cubic-bezier(0.13, 0.68, 0.05, 0.83); }
  .a-btn-2:hover {
    color: var(--dark-color); }
    .a-btn-2:hover::after {
      -webkit-transform: translateX(0);
      -moz-transform: translateX(0);
      transform: translateX(0); }

.a-btn-3 {
  padding: 17px 34px 14px;
  border: 1px solid var(--dark-color);
  background-color: var(--dark-color);
  color: var(--light-color); }
  .a-btn-3:focus {
    color: var(--dark-color); }
  .a-btn-3:hover {
    color: var(--dark-color);
    background-color: transparent; }

.a-btn-5, .comments.btn-style-5 input[type="submit"],
.comments-form.btn-style-5 input[type="submit"],
.form.btn-style-5 input[type="submit"] {
  padding: 17px 34px 14px;
  border: 1px solid var(--light-color);
  background-color: transparent;
  color: var(--light-color); }
  .a-btn-5:focus, .comments.btn-style-5 input[type="submit"]:focus,
  .comments-form.btn-style-5 input[type="submit"]:focus,
  .form.btn-style-5 input[type="submit"]:focus {
    color: var(--light-color); }
  .a-btn-5:hover, .comments.btn-style-5 input[type="submit"]:hover,
  .comments-form.btn-style-5 input[type="submit"]:hover,
  .form.btn-style-5 input[type="submit"]:hover {
    color: var(--dark-color);
    background-color: var(--light-color); }

.a-btn-6, .comments.btn-style-6 input[type="submit"],
.comments-form.btn-style-6 input[type="submit"],
.form.btn-style-6 input[type="submit"] {
  padding: 17px 34px 14px;
  border: 1px solid var(--dark-color);
  background-color: transparent;
  color: var(--dark-color); }
  .a-btn-6:focus, .comments.btn-style-6 input[type="submit"]:focus,
  .comments-form.btn-style-6 input[type="submit"]:focus,
  .form.btn-style-6 input[type="submit"]:focus {
    color: var(--dark-color); }
  .a-btn-6:hover, .comments.btn-style-6 input[type="submit"]:hover,
  .comments-form.btn-style-6 input[type="submit"]:hover,
  .form.btn-style-6 input[type="submit"]:hover {
    color: var(--light-color);
    background-color: var(--dark-color); }

.comments input[type="submit"],
.comments-form input[type="submit"],
.form input[type="submit"] {
  border: 0;
  cursor: pointer; }

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