/* line 1, buttons.scss */
.border-btn {
  display: inline-block;
  height: 60px;
  border: 2px solid #ff8463;
  color: #ffffff;
  font-family: "Bebas Neue Regular", sans-serif;
  font-size: 20px;
  background-color: #ff8463;
  font-weight: 400;
  text-align: center;
  padding: 17px 45px;
  transition: 0.3s;
  position: relative; }
  /* line 14, buttons.scss */
  .border-btn::before {
    content: '';
    display: block;
    left: 0;
    right: 0;
    bottom: 0;
    top: 100%;
    width: 100%;
    height: 0;
    transition: 0.4s;
    position: absolute;
    z-index: -1; }
  /* line 28, buttons.scss */
  .border-btn:hover {
    color: #ff8463;
    background-color: #ffffff; }
    /* line 31, buttons.scss */
    .border-btn:hover::before {
      top: 0;
      height: 100%;
      transition: 0.4s; }
  /* line 38, buttons.scss */
  .border-btn.fill::before {
    top: 0;
    height: 100%; }
  /* line 42, buttons.scss */
  .border-btn.fill:hover {
    color: #282828; }
    /* line 44, buttons.scss */
    .border-btn.fill:hover::before {
      top: 100%;
      height: 0; }
  /* line 50, buttons.scss */
  .border-btn.dark {
    border: 2px solid #9a9a9a; }
    /* line 52, buttons.scss */
    .border-btn.dark::before {
      background-color: #9a9a9a; }
  /* line 56, buttons.scss */
  .border-btn.product-buy {
    border-color: #fff;
    padding: 20px;
    max-width: 120px; }
    /* line 60, buttons.scss */
    .border-btn.product-buy::before {
      top: 100%;
      height: 0;
      background-color: #fff; }
    /* line 65, buttons.scss */
    .border-btn.product-buy:hover {
      color: #ff8463; }
      /* line 67, buttons.scss */
      .border-btn.product-buy:hover span {
        position: relative;
        z-index: 2; }
      /* line 71, buttons.scss */
      .border-btn.product-buy:hover::before {
        top: 0;
        height: 100%;
        z-index: 1; }

/* line 80, buttons.scss */
.classic-arrow {
  display: inline-block;
  width: 60px;
  height: 60px;
  border: 1px solid #ffffff;
  border-radius: 2px;
  background-color: transparent;
  background-size: 16px 11px;
  background-position: center;
  background-repeat: no-repeat; }
  /* line 90, buttons.scss */
  .classic-arrow__right {
    background-image: url("arrow.svg"); }
    /* line 92, buttons.scss */
    .classic-arrow__right:hover, .classic-arrow__right.red {
      background-image: url("arrow-orange.svg"); }
  /* line 96, buttons.scss */
  .classic-arrow__left {
    transform: rotate(180deg);
    background-image: url("arrow.svg"); }
    /* line 99, buttons.scss */
    .classic-arrow__left:hover, .classic-arrow__left.red {
      background-image: url("arrow-orange.svg"); }
  /* line 103, buttons.scss */
  .classic-arrow.in-swiper {
    position: absolute;
    bottom: 60px;
    z-index: 15; }
    /* line 107, buttons.scss */
    .classic-arrow.in-swiper.red {
      border: 1px solid #ff8463; }
  /* line 111, buttons.scss */
  .classic-arrow__left.in-swiper {
    right: calc(105% - 121px); }
  /* line 114, buttons.scss */
  .classic-arrow__right.in-swiper {
    left: calc(105% - 121px); }
  /* line 117, buttons.scss */
  .classic-arrow:hover {
    cursor: pointer;
    border: 1px solid #ff8463; }

/* line 123, buttons.scss */
.card-btn {
  color: #ffffff;
  font-family: "Bebas Neue Regular", sans-serif;
  font-size: 20px;
  font-weight: 400;
  padding: 17px 25px;
  border: 2px solid #ffffff;
  height: 60px;
  transition: 0.3s; }
  /* line 132, buttons.scss */
  .card-btn:hover {
    color: #ff8463;
    border: 2px solid #ff8463;
    background-color: #fff; }

/* line 139, buttons.scss */
.red-text-btn {
  color: #ff8463;
  font-family: "Bebas Neue Bold",sans-serif;
  font-size: 18px;
  font-weight: 400;
  background-color: transparent;
  border: 0;
  padding: 7px 0; }

/* line 148, buttons.scss */
a.standard-btn, .standard-btn, .bttn-second, [href="/client_account/contacts/new"].co-form-button, .co-button--password_recover {
  height: 60px;
  display: inline-block;
  border: 2px solid #ff8463;
  min-width: 240px;
  background-color: #ff8463;
  color: #ffffff;
  font-family: "Bebas Neue Regular", sans-serif;
  font-size: 20px;
  font-weight: 400;
  text-align: center;
  margin: 5px;
  padding: 17px 45px;
  transition: 0.3s;
  position: relative; }
  /* line 163, buttons.scss */
  a.standard-btn:hover, .standard-btn:hover, .bttn-second:hover, [href="/client_account/contacts/new"].co-form-button:hover, .co-button--password_recover:hover {
    color: #ffffff;
    background-color: #ff8463;
    opacity: 0.8; }
  /* line 168, buttons.scss */
  a.standard-btn::before, a.standard-btn::after, .standard-btn::before, .standard-btn::after, .bttn-second::before, .bttn-second::after, [href="/client_account/contacts/new"].co-form-button::before, [href="/client_account/contacts/new"].co-form-button::after, .co-button--password_recover::before, .co-button--password_recover::after {
    display: none; }
  /* line 171, buttons.scss */
  a.standard-btn.dark, .standard-btn.dark, .bttn-second.dark, [href="/client_account/contacts/new"].co-form-button.dark, .co-button--password_recover.dark {
    border: 2px solid #282828;
    background-color: #282828; }
    /* line 174, buttons.scss */
    a.standard-btn.dark:hover, .standard-btn.dark:hover, .bttn-second.dark:hover, [href="/client_account/contacts/new"].co-form-button.dark:hover, .co-button--password_recover.dark:hover {
      background-color: #282828; }

/* line 179, buttons.scss */
a.standard-btn:hover, .standard-btn:hover, .bttn-second:hover, [href="/client_account/contacts/new"].co-form-button:hover, .co-button--password_recover:hover {
  color: #ffffff;
  background-color: #ff8463;
  opacity: 0.8; }

/* line 184, buttons.scss */
.co-button:focus, .picker-button:focus {
  -webkit-box-shadow: 0 0 0 0 transparent;
  box-shadow: 0 0 0 0 transparent; }

/* line 188, buttons.scss */
.co-button:focus, .picker-button:focus, .co-button:hover, .picker-button:hover {
  background-color: #ff8463; }

/* line 191, buttons.scss */
.co-modal-close:hover {
  color: #282828; }