60 botones

..que puedes copiar y pegar en tu codigo de forma facil y gratis!

Simples

Semi rounded

Full rounded

Shadows

Glassmorphing

.simpleButtonBlueGlass {
                        min-width: 130px;
                        height: 40px;
                        color: rgb(97, 97, 97);
                        padding: 5px 10px;
                        font-weight: bold;
                        cursor: pointer;
                        transition: all 0.3s ease;
                        position: relative;
                        display: inline-block;
                        outline: none;
                        box-shadow: 5px 5px 5px rgb(95, 94, 94);
                        border: none;
                        background: rgba(71, 71, 225, 0.25);
                        box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
                        backdrop-filter: blur(5px);
                        -webkit-backdrop-filter: blur(5px);
                        border-radius: 10px;
                        border: 1px solid rgba(255, 255, 255, 0.18);
                      }
                      .simpleButtonBlueGlass:hover {
                        filter: opacity(0.5);
                        box-shadow: 1px 1px 1px rgb(95, 94, 94);
                      }

.simpleButtonGreenGlass {
                        min-width: 130px;
                        height: 40px;
                        color: rgb(97, 97, 97);
                        padding: 5px 10px;
                        font-weight: bold;
                        cursor: pointer;
                        transition: all 0.3s ease;
                        position: relative;
                        display: inline-block;
                        outline: none;
                        box-shadow: 5px 5px 5px rgb(95, 94, 94);
                        border: none;
                        background: rgba(0, 255, 33, 0.25);
                        box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
                        backdrop-filter: blur(5px);
                        -webkit-backdrop-filter: blur(5px);
                        border-radius: 10px;
                        border: 1px solid rgba(255, 255, 255, 0.18);
                      }
                      .simpleButtonGreenGlass:hover {
                        filter: opacity(0.5);
                        box-shadow: 1px 1px 1px rgb(95, 94, 94);
                      }

.simpleButtonYellowGlass {
                        min-width: 130px;
                        height: 40px;
                        color: rgb(97, 97, 97);
                        padding: 5px 10px;
                        font-weight: bold;
                        cursor: pointer;
                        transition: all 0.3s ease;
                        position: relative;
                        display: inline-block;
                        outline: none;
                        box-shadow: 5px 5px 5px rgb(95, 94, 94);
                        border: none;
                        background: rgba(236, 255, 0, 0.25);
                        box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
                        backdrop-filter: blur(5px);
                        -webkit-backdrop-filter: blur(5px);
                        border-radius: 10px;
                        border: 1px solid rgba(255, 255, 255, 0.18);
                      }
                      .simpleButtonYellowGlass:hover {
                        filter: opacity(0.5);
                        box-shadow: 1px 1px 1px rgb(95, 94, 94);
                      }

.simpleButtonBrownGlass {
                        min-width: 130px;
                        height: 40px;
                        color: rgb(97, 97, 97);
                        padding: 5px 10px;
                        font-weight: bold;
                        cursor: pointer;
                        transition: all 0.3s ease;
                        position: relative;
                        display: inline-block;
                        outline: none;
                        box-shadow: 5px 5px 5px rgb(95, 94, 94);
                        border: none;
                        background: rgba(155, 69, 0, 0.25);
                        box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
                        backdrop-filter: blur(5px);
                        -webkit-backdrop-filter: blur(5px);
                        border-radius: 10px;
                        border: 1px solid rgba(255, 255, 255, 0.18);
                      }
                      .simpleButtonBrownGlass:hover {
                        filter: opacity(0.5);
                        box-shadow: 1px 1px 1px rgb(95, 94, 94);
                      }

.simpleButtonPurpleGlass {
                        min-width: 130px;
                        height: 40px;
                        color: rgb(97, 97, 97);
                        padding: 5px 10px;
                        font-weight: bold;
                        cursor: pointer;
                        transition: all 0.3s ease;
                        position: relative;
                        display: inline-block;
                        outline: none;
                        box-shadow: 5px 5px 5px rgb(95, 94, 94);
                        border: none;
                        background: rgba(255, 0, 219, 0.25);
                        box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
                        backdrop-filter: blur(5px);
                        -webkit-backdrop-filter: blur(5px);
                        border-radius: 10px;
                        border: 1px solid rgba(255, 255, 255, 0.18);
                      }
                      .simpleButtonPurpleGlass:hover {
                        filter: opacity(0.5);
                        box-shadow: 1px 1px 1px rgb(95, 94, 94);
                      }

.simpleButtonPinkGlass {
                      min-width: 130px;
                      height: 40px;
                      color: rgb(97, 97, 97);
                      padding: 5px 10px;
                      font-weight: bold;
                      cursor: pointer;
                      transition: all 0.3s ease;
                      position: relative;
                      display: inline-block;
                      outline: none;
                      box-shadow: 5px 5px 5px rgb(95, 94, 94);
                      border: none;
                      background: rgba(255, 170, 244, 0.25);
                      box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
                      backdrop-filter: blur(5px);
                      -webkit-backdrop-filter: blur(5px);
                      border-radius: 10px;
                      border: 1px solid rgba(255, 255, 255, 0.18);
                    }
                    .simpleButtonPinkGlass:hover {
                      filter: opacity(0.5);
                      box-shadow: 1px 1px 1px rgb(95, 94, 94);
                    }

.simpleButtonLightBlueGlass {
                      min-width: 130px;
                      height: 40px;
                      color: rgb(97, 97, 97);
                      padding: 5px 10px;
                      font-weight: bold;
                      cursor: pointer;
                      transition: all 0.3s ease;
                      position: relative;
                      display: inline-block;
                      outline: none;
                      box-shadow: 5px 5px 5px rgb(95, 94, 94);
                      border: none;
                      background: rgba(0, 240, 255, 0.25);
                      box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
                      backdrop-filter: blur(5px);
                      -webkit-backdrop-filter: blur(5px);
                      border-radius: 10px;
                      border: 1px solid rgba(255, 255, 255, 0.18);
                    }
                    .simpleButtonLightBlueGlass:hover {
                      filter: opacity(0.5);
                      box-shadow: 1px 1px 1px rgb(95, 94, 94);
                    }

.simpleButtonBlackGlass {
                      min-width: 130px;
                      height: 40px;
                      color: rgb(97, 97, 97);
                      padding: 5px 10px;
                      font-weight: bold;
                      cursor: pointer;
                      transition: all 0.3s ease;
                      position: relative;
                      display: inline-block;
                      outline: none;
                      box-shadow: 5px 5px 5px rgb(95, 94, 94);
                      border: none;
                      background: rgba(0, 0, 0, 0.25);
                      box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
                      backdrop-filter: blur(5px);
                      -webkit-backdrop-filter: blur(5px);
                      border-radius: 10px;
                      border: 1px solid rgba(255, 255, 255, 0.18);
                    }
                    .simpleButtonBlackGlass:hover {
                      filter: opacity(0.5);
                      box-shadow: 1px 1px 1px rgb(95, 94, 94);
                    }

.simpleButtonGrayGlass {
                      min-width: 130px;
                      height: 40px;
                      color: rgb(97, 97, 97);
                      padding: 5px 10px;
                      font-weight: bold;
                      cursor: pointer;
                      transition: all 0.3s ease;
                      position: relative;
                      display: inline-block;
                      outline: none;
                      box-shadow: 5px 5px 5px rgb(95, 94, 94);
                      border: none;
                      background: rgba(183, 183, 183, 0.25);
                      box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
                      backdrop-filter: blur(5px);
                      -webkit-backdrop-filter: blur(5px);
                      border-radius: 10px;
                      border: 1px solid rgba(255, 255, 255, 0.18);
                    }
                    .simpleButtonGrayGlass:hover {
                      filter: opacity(0.5);
                      box-shadow: 1px 1px 1px rgb(95, 94, 94);
                    }

.simpleButtonOrangeGlass {
                      min-width: 130px;
                      height: 40px;
                      color: rgb(97, 97, 97);
                      padding: 5px 10px;
                      font-weight: bold;
                      cursor: pointer;
                      transition: all 0.3s ease;
                      position: relative;
                      display: inline-block;
                      outline: none;
                      box-shadow: 5px 5px 5px rgb(95, 94, 94);
                      border: none;
                      background: rgba(255, 176, 0, 0.25);
                      box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
                      backdrop-filter: blur(5px);
                      -webkit-backdrop-filter: blur(5px);
                      border-radius: 10px;
                      border: 1px solid rgba(255, 255, 255, 0.18);
                    }
                    .simpleButtonOrangeGlass:hover {
                      filter: opacity(0.5);
                      box-shadow: 1px 1px 1px rgb(95, 94, 94);
                    }

.simpleButtonAquaGlass {
                      min-width: 130px;
                      height: 40px;
                      color: rgb(97, 97, 97);
                      padding: 5px 10px;
                      font-weight: bold;
                      cursor: pointer;
                      transition: all 0.3s ease;
                      position: relative;
                      display: inline-block;
                      outline: none;
                      box-shadow: 5px 5px 5px rgb(95, 94, 94);
                      border: none;
                      background: rgba(0, 255, 190, 0.25);
                      box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
                      backdrop-filter: blur(5px);
                      -webkit-backdrop-filter: blur(5px);
                      border-radius: 10px;
                      border: 1px solid rgba(255, 255, 255, 0.18);
                    }
                    .simpleButtonAquaGlass:hover {
                      filter: opacity(0.5);
                      box-shadow: 1px 1px 1px rgb(95, 94, 94);
                    }

60 botones

Simples

Semi rounded

Full rounded

Shadows

Glassmorphing

Gracias por pasarte!