/* WEB SİTENİZDE ZATEN NUNITO FONTU YÜKLÜYSE BU KODU KULLANMANIZA GEREK YOK VEYA BAŞKA BİR FONT YÜKLEYEBİLİRSİNİZ */ /* WMNot */
@import url('https://fonts.googleapis.com/css?family=Nunito:400,400i,600,600i,700&display=swap');

/* WEB SİTENİZDE ZATEN FONT AWESOME YÜKLÜYSE BU KODU KULLANMANIZA GEREK YOK */ /* WMNot */
@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css);

/* ARAMA BUTONU CSS KODLARINI KENDİNİZE GÖRE DÜZENLEYEBİLİRSİNİZ */ /* WMNot */
.telefon-ara-btn{
  color:white;
  background: #2c8a00;
  font-size:18px;
  padding:3px 11px 3px;
  text-decoration:none;
  font-family:Nunito;
  border-radius:5px;
  font-weight:600;
  position:fixed;
  z-index:999999;
  right:5px;
  cursor: pointer;
  top:500px;
}

.telefon-ara-btn:hover{
  padding:4px 12px 4px;
  transition:.5s;
  background:#35a800;
}

@media (max-width: 767px){
.telefon-ara-btn {
    bottom: 5px;
    left: 22.5%;
    height: 35px;
    width: 55%;
    top: auto;
}
}
.whatsapp-btn{
  background: #2c8a00;
 color: white;
    font-size: 50px;
    padding: 6px 23px;
    text-decoration: none;
    font-family: Nunito;
    border-radius: 50%;
    font-weight: 600;
    position: fixed;
    z-index: 999999;
    right: 5px;
    cursor: pointer;
    bottom: 80px;
}

.whatsapp-btn:hover{
  padding:6px 23px;
  transition:.5s;
  background:#35a800;
}