## Primary Button Preview

<table>

  <tr>
    <td width="33.3333%">Text Button</td>
    <td width="33.3333%">Text Button Black</td>
    <td width="33.3333%">Text Button Blue</td>
  </tr>
  <tr>
    <td width="33.3333%">
      <a href="https://github.com/Clueless-Community/seamless-ui/blob/main/Buttons/src/Primary/text-button-white.html">
        <img src="https://i.ibb.co/FVNGf0Z/image-16x9.png" alt="1" />
      </a>
    </td>
    <td width="33.3333%">
      <a href="https://github.com/Clueless-Community/seamless-ui/blob/main/Buttons/src/Primary/text-button-black.html">
        <img src="https://i.ibb.co/HYmrFb3/image-16x9-1.png" alt="1" />
      </a>
    </td>
    <td width="33.3333%">
      <a href="https://github.com/Clueless-Community/seamless-ui/blob/main/Buttons/src/Primary/text-button-blue.html">
        <img src="https://i.ibb.co/9TwDN2n/image-16x9-2.png" alt="2" />
      </a>
    </td>
  </tr>

  <tr>
    <td width="33.3333%">Text Rounded</td>
    <td width="33.3333%">Text Rounded Black</td>
    <td width="33.3333%">Text Rounded Blue</td>
  </tr>
  <tr>
    <td width="33.3333%">
      <a href="https://github.com/Clueless-Community/seamless-ui/blob/main/Buttons/src/Primary/text-button-rounded-white.html">
        <img src="https://i.ibb.co/V2JR63Q/image-16x9-3.png" alt="1"  />
      </a>
    </td>
    <td width="33.3333%">
      <a href="https://github.com/Clueless-Community/seamless-ui/blob/main/Buttons/src/Primary/text-button-rounded-black.html">
        <img src="https://i.ibb.co/jw7CTCv/image-16x9-4.png" alt="1"  />
      </a>
    </td>
    <td width="33.3333%">
      <a href="https://github.com/Clueless-Community/seamless-ui/blob/main/Buttons/src/Primary/text-button-rounded-blue.html">
        <img src="https://i.ibb.co/S3yyBQL/image-16x9-6.png" alt="2"  />
      </a>
    </td>
  </tr>

  <tr>
    <td width="33.3333%">Icon Button</td>
    <td width="33.3333%">Icon Button Rounded</td>
    <td width="33.3333%">Icon Text Button</td>
  </tr>
  <tr>
    <td width="33.3333%">
      <a href="https://github.com/Clueless-Community/seamless-ui/blob/main/Buttons/src/Primary/icon-button.html">
        <img src="https://i.ibb.co/KsnwN4c/image-16x9-7.png" alt="1"  />
      </a>
    </td>
    <td width="33.3333%">
      <a href="https://github.com/Clueless-Community/seamless-ui/blob/main/Buttons/src/Primary/icon-button-rounded.html">
        <img src="https://i.ibb.co/CQNVLQG/image-16x9-9.png" alt="1"  />
      </a>
    </td>
    <td width="33.3333%">
      <a href="https://github.com/Clueless-Community/seamless-ui/blob/main/Buttons/src/Primary/text-icon-rear-button.html">
        <img src="https://i.ibb.co/wyq8H1S/image-16x9-10.png" alt="4"  />
    </a>
    </td>
  </tr>

  <tr>
    <td width="33.3333%">Icon Text Button</td>
    <td width="33.3333%">Icon Text Rounded Button</td>
    <td width="33.3333%">Icon Text Rounded Button</td>
  </tr>
  <tr>
    <td width="33.3333%">
      <a href="https://github.com/Clueless-Community/seamless-ui/blob/main/Buttons/src/Primary/text-icon-front-button.html">
        <img src="https://i.ibb.co/k24kRDP/image-16x9-11.png" alt="7"  />
      </a>
    </td>
    <td width="33.3333%">
      <a href="https://github.com/Clueless-Community/seamless-ui/blob/main/Buttons/src/Primary/text-icon-front-button-rounded.html">
        <img src="https://i.ibb.co/1GypfmN/image-16x9-12.png" alt="8"  />
      </a>
    </td>
    <td width="33.3333%">
      <a href="https://github.com/Clueless-Community/seamless-ui/blob/main/Buttons/src/Primary/text-icon-rear-button-rounded.html">
        <img src="https://i.ibb.co/MPXY4md/image-16x9-13.png" alt="5"  />
      </a>
    </td>
  </tr>

</table>

## Secondary Button Preview

<table>

  <tr>
    <td width="33.3333%">Text Button</td>
    <td width="33.3333%">Text Button Black</td>
    <td width="33.3333%">Text Button Blue</td>
  </tr>
  <tr>
    <td width="33.3333%">
      <a href="https://github.com/Clueless-Community/seamless-ui/blob/main/Buttons/src/Secondary/text-button-white.html">
        <img src="https://i.ibb.co/CwK0XrQ/image-16x9-14.png" alt="1" />
      </a>
    </td>
    <td width="33.3333%">
      <a href="https://github.com/Clueless-Community/seamless-ui/blob/main/Buttons/src/Secondary/text-button-black.html">
        <img src="https://i.ibb.co/Krqsj6w/image-16x9-15.png" alt="1" />
      </a>
    </td>
    <td width="33.3333%">
      <a href="https://github.com/Clueless-Community/seamless-ui/blob/main/Buttons/src/Secondary/text-button-blue.html">
        <img src="https://i.ibb.co/CQzdKSh/image-16x9-16.png" alt="2" />
      </a>
    </td>
  </tr>

  <tr>
    <td width="33.3333%">Text Rounded</td>
    <td width="33.3333%">Text Rounded Black</td>
    <td width="33.3333%">Text Rounded Blue</td>
  </tr>
  <tr>
    <td width="33.3333%">
      <a href="https://github.com/Clueless-Community/seamless-ui/blob/main/Buttons/src/Secondary/text-button-rounded-white.html">
        <img src="https://i.ibb.co/fMLM214/image-16x9-17.png" alt="1"  />
      </a>
    </td>
    <td width="33.3333%">
      <a href="https://github.com/Clueless-Community/seamless-ui/blob/main/Buttons/src/Secondary/text-button-rounded-black.html">
        <img src="https://i.ibb.co/PwFD383/image-16x9-18.png" alt="1"  />
      </a>
    </td>
    <td width="33.3333%">
      <a href="https://github.com/Clueless-Community/seamless-ui/blob/main/Buttons/src/Secondary/text-button-rounded-blue.html">
        <img src="https://i.ibb.co/C7VNMkd/image-16x9-20.png" alt="2"  />
      </a>
    </td>
  </tr>

  <tr>
    <td width="33.3333%">Icon Button</td>
    <td width="33.3333%">Icon Button Rounded</td>
    <td width="33.3333%">Icon Text Button</td>
  </tr>
  <tr>
    <td width="33.3333%">
      <a href="https://github.com/Clueless-Community/seamless-ui/blob/main/Buttons/src/Secondary/icon-button.html">
        <img src="https://i.ibb.co/RNg8xPL/image-16x9-21.png" alt="1"  />
      </a>
    </td>
    <td width="33.3333%">
      <a href="https://github.com/Clueless-Community/seamless-ui/blob/main/Buttons/src/Secondary/icon-button-rounded.html">
        <img src="https://i.ibb.co/2KFpB5F/image-16x9-22.png" alt="1"  />
      </a>
    </td>
    <td width="33.3333%">
      <a href="https://github.com/Clueless-Community/seamless-ui/blob/main/Buttons/src/Secondary/text-icon-rear-button.html">
        <img src="https://i.ibb.co/Np7j7YP/image-16x9-24.png" alt="4"  />
    </a>
    </td>
  </tr>

  <tr>
    <td width="33.3333%">Icon Text Button</td>
    <td width="33.3333%">Icon Text Rounded Button</td>
    <td width="33.3333%">Icon Text Rounded Button</td>
  </tr>
  <tr>
    <td width="33.3333%">
      <a href="https://github.com/Clueless-Community/seamless-ui/blob/main/Buttons/src/Secondary/text-icon-front-button.html">
        <img src="https://i.ibb.co/z77mHLq/image-16x9-25.png" alt="4"  />
      </a>
    </td>
    <td width="33.3333%">
      <a href="https://github.com/Clueless-Community/seamless-ui/blob/main/Buttons/src/Secondary/text-icon-front-button-rounded.html">
        <img src="https://i.ibb.co/vq2jDsg/image-16x9-26.png" alt="5"  />
      </a>
    </td>
    <td width="33.3333%">
      <a href="https://github.com/Clueless-Community/seamless-ui/blob/main/Buttons/src/Secondary/text-icon-rear-button-rounded.html">
        <img src="https://i.ibb.co/98y5Nz0/image-16x9-27.png" alt="8"  />
      </a>
    </td>
  </tr>

</table>

## Others

<table>

  <tr>
    <td width="33.3333%">Group button</td>
    <td width="33.3333%">Gradient text button</td>
    <td width="33.3333%">Payment button</td>
  </tr>
  <tr>
    <td width="33.3333%">
      <a href="https://github.com/Clueless-Community/seamless-ui/blob/main/Buttons/src/button_group.html">
        <img src="https://i.ibb.co/mcX4grs/image-16x9-28.png" alt="1"  />
      </a>
    </td>
    <td width="33.3333%">
      <a href="https://github.com/Clueless-Community/seamless-ui/blob/main/Buttons/src/gradient-buttons.html">
        <img src="https://i.ibb.co/PhDnycG/image-16x9-29.png" alt="2"  />
      </a>
    </td>
    <td width="33.3333%">
      <a href="https://github.com/Clueless-Community/seamless-ui/blob/main/Buttons/src/payment-buttons.html">
        <img src="https://i.ibb.co/3YNXsPf/image-16x9-30.png" alt="3"  />
      </a>
    </td>
  </tr>

  <tr>
    <td width="33.3333%">Processing Button</td>
    <td width="33.3333%">Login Social Button</td>
  </tr>
  <tr>
    <td width="33.3333%">
      <a href="https://github.com/Clueless-Community/seamless-ui/blob/main/Buttons/src/processing_button.html">
        <img src="https://i.ibb.co/Pz7BCYG/image-16x9-31.png" alt="4"  />
      </a>
    </td>
    <td width="33.3333%">
      <a href="https://github.com/Clueless-Community/seamless-ui/blob/main/Buttons/src/social-buttons.html">
        <img src="https://i.ibb.co/WFt8ky3/image-16x9-32.png" alt="5"  />
      </a>
    </td>
  </tr>

</table>
