/* ======================================================================================

    BTN - style-txt

====================================================================================== */
  .btn_list .btn-md .btn--in {
    padding-top: 12px;
    padding-bottom: 12px;
  }
  .btn_list .btn-sm .btn--in {
    padding-top: 6px;
    padding-bottom: 6px;
  }
  .btn_list .btn--in .ico {
    position: absolute;
    top: calc(50% - 8px);
    right: 16px;
  }
  .btn_list .layer {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
  }
  .btn_list .layer::before,
  .btn_list .layer::after {
    border-top-width: 1px;
    border-top-style: solid;
  }
  .btn_list .layer::after {
    transform: translateX(-110%);
    animation-duration: .6s;
    animation-delay: 0;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    animation-name: slide-rev_rgt;
  }
  @media screen and (min-width: 961px) {
    .btn_list .btn--in:hover .txt {
      opacity: .8;
    }
    .btn_list .btn--in:hover .ico-arrow {
      animation-duration: .4s;
      animation-delay: 0s,.4s;
      animation-iteration-count: 1;
      animation-fill-mode: forwards;
      animation-name: slide-rev_rgt-sm,slide-to_rgt-sm;
    }
    .btn_list .btn--in:hover .layer::after {
      animation-name: slide-to_rgt;
    }
  }