/* ----------------button------------------------ */
:root {
    --button-color: #DB5F15;
    --font-button: 'Salkantay', sans-serif;
    --size-button: 14px;
  }
  .general-button {
    background-color: var(--button-color);
    font-family: var(--font-button);
    font-size: var(--size-button);
    color: white;
    position: relative;
    overflow: hidden;
    border: none;
    padding: 10px 20px;
  
  }
  .general-button span{
      position: relative;
      z-index: 1;
      font-weight: bold;
  }
  .general-button::before {
    content: "";
    width: 140%;
    height: 100%;
    border-radius: 1px;
    background-color: black;
    position: absolute;
    transform: skew(-20deg);
    top: 0;
    left: -150%;
    transition: ease-out all .3s;
  }
  .general-button:hover::before {
      left: -10%;
  }