body {
      margin: 0;
      padding: 0;
      height: 100vh;
      display: flex;
      justify-content: center;
      align-items: center;
      font-family: serif;
      background-image:linear-gradient(112deg,#c08f67 0%,#e4cdb9 80%);

    }

    .container {
      position: relative;
      width: 100%;
      height: 100%;
      border: none;
      display: flex;
      justify-content: center;
      align-items: center;
    }


    .center-button {
      line-height:80px;
      background: #cf915a;
      border: none;
      width: 360px;
      height: 80px;
      font-size: 40px;
      color:#6a3608;
      text-align: center;
      border-radius: 22px;
      cursor: pointer;
      transition: 0.3s;
      text-decoration: none; 
      display: inline-block;
      line-height:80px;
      vertical-align: middle;
    }

    .center-button:hover {
      background: #cf915a;
    }


    .ke-icon {
      position: absolute;
      top: 64%;
      right: 20px;
      transform: translateY(-50%);
    }

    .ke-icon a {
      display: inline-block;
    }

    .ke-icon img {
      width: 80px;
      
      object-fit: contain;
      transition: transform 0.3s;
    }

    .ke-icon img:hover {
      transform: scale(1.2);
    }

    @media (max-width: 768px) {
      .container {
        flex-direction: column;
        justify-content: center;
        height: auto;
      }

      .center-button {
        line-height:80px;
      background: #cf915a;
      border: none;
      width: 180px;
      height: 40px;
      text-align: center;
      font-size: 20px;
      color:#6a3608;
      border-radius: 12px;
      cursor: pointer;
      transition: 0.3s;
      text-decoration: none; 
      display: inline-block;
      line-height:40px;
      vertical-align: middle;

      }

      .ke-icon {
      top: 72%;
      right: 12px;
      
      }

.ke-icon img {
      width: 60px;
     
    }

    }