button:focus { outline: none; }
.btn{
  font-size: 14px;
  vertical-align: top;
  border: none;
  padding: 0 30px;
  height: 48px;
  line-height: 47px !important;
  display: inline-block;
  -webkit-transition: all .4s ease 0s;
  transition: all .4s ease 0s;
  cursor: pointer;
 border-radius: .25rem!important;
 position: relative;
  }

.btn i{
  font-size: 22px;

  margin-top: 12px;
  -webkit-transition: all .4s ease 0s;
  transition: all .4s ease 0s;
}

 .k-btn{
   position: relative;
   display: block;
   width: 48px;
   height: 48px;
   line-height: 48px;
   text-align: center;
   bottom: 0;
   box-shadow: 0 0 7px rgb(0 0 0 / 9%);
   background: #fff;
   color: #333;
   border-radius: 50%;
   font-size: 0 !important;
   padding: 0 !important;
}

.btn-2{font-size: 14px;
color: #fff !important;
vertical-align: middle;
border: none;
padding: 16px 3px;
display: inline-block;
-webkit-transition: all .4s ease 0s;
transition: all .4s ease 0s;
cursor: pointer;
text-align: center;}

/* Ürün detaydaki sayı + - butonları */
.btn-number{
  font-size: 18px;
  width: 21px;
  height: 46px;
  float: right;
  position: absolute !important;
  margin-top: 1px;
  cursor: pointer;
}
.mf-alan{    border: 1px solid #dee2e6 !important;
    background: #f5f5f5 !important;
    font-size: 15px;
  font-weight: 700;
  color: #333;
height: 48px;line-height: 48px;
    border-radius: .25rem!important;
    width: 75px
}

.btn.btn-3{    border-color: #41cdcf !important;
    background-color: #41cdcf !important;
    color: #FFFFFF !important;}

.alan3{width: calc(100% - 79px) !important}

.input-group-btn{width: 100%}

.btn-number.eksi::before{content: '-';}
.btn-number.arti::before{content: '+';}

.eksi{
  border-top-left-radius: .25rem !important;
border-bottom-left-radius: .25rem !important;
left: 1px;
}

.arti{
  right: 1px;
  border-top-right-radius: .25rem !important;
  border-bottom-right-radius: .25rem !important;
  line-height: 30px !important;
}
/* Ürün detaydaki sayı + - butonları */

.btn.btn-facebook{
  color: #fff ;
  background-color: #337ab7 !important;
  border-color: #2e6da4 !important;
  text-transform: uppercase;
  }

  .btn.btn-google{
    color: #fff ;
    background-color: #d96909 !important;
    border-color: #b75807 !important;
      text-transform: uppercase;
    }


  @media (max-width:398px) {
.btn{    padding: 0 15px;}

  }

  @media (max-width:340px) {
.btn{padding: 0 10px;}

  }