/************************************************************************
*  Tilt Box css
************************************************************************/

.wk-tilt-box{
  .tilt-element{
      background: #f3b800;
  }

  .wk-tilt-card.content-overlay{
    width:100%;
      .wk-tilt-card-body {
          color: #fff;
          .wk-button{
            color:#fff;
              border: 1px solid #ddd;
              padding: 5px 20px;
              font-size: 14px;
              margin: 10px 0;
              transition:all 0.3s ease;
              &:hover{
                color:#fc00ff;
                background:#fff;
                border-color:#fff;
                transition:all 0.3s ease;
              }
          }
      }
      .wk-tilt-card-icon-top{
          color:#fff;
      }
   }
  .wk-tilt-card.content-bottom{
    width:100%;
      .wk-tilt-card-body {
          color: #000;
          .wk-button{
            color:#000;
              border: 1px solid #eee;
              padding: 5px 20px;
              font-size: 14px;
              margin: 10px 0;
              transition:all 0.3s ease;
              &:hover{
                color:#fc00ff;
                background:#000;
                border-color:#000;
                transition:all 0.3s ease;
              }
          }
      }
      .wk-tilt-card-icon-top{
          color:#000;
      }
   }
   @media(max-width:768px){
      padding:7px;

   }
}