Inicio
Contacto
Mi portfolio
60 botones
..que puedes copiar y pegar en tu codigo de forma facil y gratis!
Simples
Click and copy
.simpleButtonBlue { min-width: 130px; height: 40px; color: #fff; padding: 5px 10px; font-weight: bold; cursor: pointer; transition: all 0.3s ease; position: relative; display: inline-block; outline: none; border: none; background: #0096ff; } .simpleButtonBlue:hover { filter: opacity(0.5); }
Click and copy
.simpleButtonRed { min-width: 130px; height: 40px; color: #fff; padding: 5px 10px; font-weight: bold; cursor: pointer; transition: all 0.3s ease; position: relative; display: inline-block; outline: none; border: none; background: #ff1e00; } .simpleButtonRed:hover { filter: opacity(0.5); }
Click and copy
.simpleButtonGreen { min-width: 130px; height: 40px; color: #fff; padding: 5px 10px; font-weight: bold; cursor: pointer; transition: all 0.3s ease; position: relative; display: inline-block; outline: none; border: none; background: #3ccf4e; } .simpleButtonGreen:hover { filter: opacity(0.5); }
Click and copy
.simpleButtonYellow { min-width: 130px; height: 40px; color: #fff; padding: 5px 10px; font-weight: bold; cursor: pointer; transition: all 0.3s ease; position: relative; display: inline-block; outline: none; border: none; background: #f2df3a; } .simpleButtonYellow:hover { filter: opacity(0.5); }
Click and copy
.simpleButtonBrown { min-width: 130px; height: 40px; color: #fff; padding: 5px 10px; font-weight: bold; cursor: pointer; transition: all 0.3s ease; position: relative; display: inline-block; outline: none; border: none; background: #61481c; } .simpleButtonBrown:hover { filter: opacity(0.5); }
Click and copy
.simpleButtonPurple { min-width: 130px; height: 40px; color: #fff; padding: 5px 10px; font-weight: bold; cursor: pointer; transition: all 0.3s ease; position: relative; display: inline-block; outline: none; border: none; background: #7f5283; } .simpleButtonPurple:hover { filter: opacity(0.5); }
Click and copy
.simpleButtonPink { min-width: 130px; height: 40px; color: #fff; padding: 5px 10px; font-weight: bold; cursor: pointer; transition: all 0.3s ease; position: relative; display: inline-block; outline: none; border: none; background: #ff8fb1; } .simpleButtonPink:hover { filter: opacity(0.5); }
Click and copy
.simpleButtonLightBlue { min-width: 130px; height: 40px; color: #fff; padding: 5px 10px; font-weight: bold; cursor: pointer; transition: all 0.3s ease; position: relative; display: inline-block; outline: none; border: none; background: #31e1f7; } .simpleButtonLighBlue:hover { filter: opacity(0.5); }
Click and copy
.simpleButtonBlack { min-width: 130px; height: 40px; color: #fff; padding: 5px 10px; font-weight: bold; cursor: pointer; transition: all 0.3s ease; position: relative; display: inline-block; outline: none; border: none; background: #100f0f; } .simpleButtonBlack:hover { filter: opacity(0.5); }
Click and copy
.simpleButtonGray { min-width: 130px; height: 40px; color: #fff; padding: 5px 10px; font-weight: bold; cursor: pointer; transition: all 0.3s ease; position: relative; display: inline-block; outline: none; border: none; background: #354259; } .simpleButtonGray:hover { filter: opacity(0.5); }
Click and copy
.simpleButtonOrange { min-width: 130px; height: 40px; color: #fff; padding: 5px 10px; font-weight: bold; cursor: pointer; transition: all 0.3s ease; position: relative; display: inline-block; outline: none; border: none; background: #d68438; } .simpleButtonOrange:hover { filter: opacity(0.5); }
Click and copy
.simpleButtonAqua { min-width: 130px; height: 40px; color: #fff; padding: 5px 10px; font-weight: bold; cursor: pointer; transition: all 0.3s ease; position: relative; display: inline-block; outline: none; border: none; background: #79f8bb; } .simpleButtonAqua:hover { filter: opacity(0.5); }
Semi rounded
Click and copy
.simpleButtonBlueSemi { min-width: 130px; height: 40px; color: #fff; padding: 5px 10px; font-weight: bold; cursor: pointer; transition: all 0.3s ease; position: relative; display: inline-block; outline: none; border-radius: 5px; border: none; background: #0096ff; } .simpleButtonBlueSemi:hover { filter: opacity(0.5); }
Click and copy
.simpleButtonRedSemi { min-width: 130px; height: 40px; color: #fff; padding: 5px 10px; font-weight: bold; cursor: pointer; transition: all 0.3s ease; position: relative; display: inline-block; outline: none; border-radius: 5px; border: none; background: #ff1e00; } .simpleButtonRedSemi:hover { filter: opacity(0.5); }
Click and copy
.simpleButtonGreenSemi { min-width: 130px; height: 40px; color: #fff; padding: 5px 10px; font-weight: bold; cursor: pointer; transition: all 0.3s ease; position: relative; display: inline-block; outline: none; border-radius: 5px; border: none; background: #3ccf4e; } .simpleButtonGreenSemi:hover { filter: opacity(0.5); }
Click and copy
.simpleButtonYellowSemi { min-width: 130px; height: 40px; color: #fff; padding: 5px 10px; font-weight: bold; cursor: pointer; transition: all 0.3s ease; position: relative; display: inline-block; outline: none; border-radius: 5px; border: none; background: #f2df3a; } .simpleButtonYellowSemi:hover { filter: opacity(0.5); }
Click and copy
.simpleButtonBrownSemi { min-width: 130px; height: 40px; color: #fff; padding: 5px 10px; font-weight: bold; cursor: pointer; transition: all 0.3s ease; position: relative; display: inline-block; outline: none; border-radius: 5px; border: none; background: #61481c; } .simpleButtonBrownSemi:hover { filter: opacity(0.5); }
Click and copy
.simpleButtonPurpleSemi { min-width: 130px; height: 40px; color: #fff; padding: 5px 10px; font-weight: bold; cursor: pointer; transition: all 0.3s ease; position: relative; display: inline-block; outline: none; border-radius: 5px; border: none; background: #7f5283; } .simpleButtonPurpleSemi:hover { filter: opacity(0.5); }
Click and copy
.simpleButtonPinkSemi { min-width: 130px; height: 40px; color: #fff; padding: 5px 10px; font-weight: bold; cursor: pointer; transition: all 0.3s ease; position: relative; display: inline-block; outline: none; border-radius: 5px; border: none; background: #ff8fb1; } .simpleButtonPinkSemi:hover { filter: opacity(0.5); }
Click and copy
.simpleButtonLightBlueSemi { min-width: 130px; height: 40px; color: #fff; padding: 5px 10px; font-weight: bold; cursor: pointer; transition: all 0.3s ease; position: relative; display: inline-block; outline: none; border-radius: 5px; border: none; background: #31e1f7; } .simpleButtonLightBlueSemi:hover { filter: opacity(0.5); }
Click and copy
.simpleButtonBlackSemi { min-width: 130px; height: 40px; color: #fff; padding: 5px 10px; font-weight: bold; cursor: pointer; transition: all 0.3s ease; position: relative; display: inline-block; outline: none; border-radius: 5px; border: none; background: #100f0f; } .simpleButtonBlackSemi:hover { filter: opacity(0.5); }
Click and copy
.simpleButtonGraySemi { min-width: 130px; height: 40px; color: #fff; padding: 5px 10px; font-weight: bold; cursor: pointer; transition: all 0.3s ease; position: relative; display: inline-block; outline: none; border-radius: 5px; border: none; background: #354259; } .simpleButtonGraySemi:hover { filter: opacity(0.5); }
Click and copy
.simpleButtonOrangeSemi { min-width: 130px; height: 40px; color: #fff; padding: 5px 10px; font-weight: bold; cursor: pointer; transition: all 0.3s ease; position: relative; display: inline-block; outline: none; border-radius: 5px; border: none; background: #354259; } .simpleButtonOrangeSemi:hover { filter: opacity(0.5); }
Click and copy
.simpleButtonAquaSemi { min-width: 130px; height: 40px; color: #fff; padding: 5px 10px; font-weight: bold; cursor: pointer; transition: all 0.3s ease; position: relative; display: inline-block; outline: none; border-radius: 5px; border: none; background: #79f8bb; } .simpleButtonAquaSemi:hover { filter: opacity(0.5); }
Full rounded
Click and copy
.simpleButtonBlueFull { min-width: 130px; height: 40px; color: #fff; padding: 5px 10px; font-weight: bold; cursor: pointer; transition: all 0.3s ease; position: relative; display: inline-block; outline: none; border-radius: 50px; border: none; background: #0096ff; } .simpleButtonBlueFull:hover { filter: opacity(0.5); }
Click and copy
.simpleButtonRedFull { min-width: 130px; height: 40px; color: #fff; padding: 5px 10px; font-weight: bold; cursor: pointer; transition: all 0.3s ease; position: relative; display: inline-block; outline: none; border-radius: 50px; border: none; background: #ff1e00; } .simpleButtonRedFull:hover { filter: opacity(0.5); }
Click and copy
.simpleButtonGreenFull { min-width: 130px; height: 40px; color: #fff; padding: 5px 10px; font-weight: bold; cursor: pointer; transition: all 0.3s ease; position: relative; display: inline-block; outline: none; border-radius: 50px; border: none; background: #3ccf4e; } .simpleButtonGreenFull:hover { filter: opacity(0.5); }
Click and copy
.simpleButtonYellowFull { min-width: 130px; height: 40px; color: #fff; padding: 5px 10px; font-weight: bold; cursor: pointer; transition: all 0.3s ease; position: relative; display: inline-block; outline: none; border-radius: 50px; border: none; background: #f2df3a; } .simpleButtonYellowFull:hover { filter: opacity(0.5); }
Click and copy
.simpleButtonBrownFull { min-width: 130px; height: 40px; color: #fff; padding: 5px 10px; font-weight: bold; cursor: pointer; transition: all 0.3s ease; position: relative; display: inline-block; outline: none; border-radius: 50px; border: none; background: #61481c; } .simpleButtonBrownFull:hover { filter: opacity(0.5); }
Click and copy
.simpleButtonPurpleFull { min-width: 130px; height: 40px; color: #fff; padding: 5px 10px; font-weight: bold; cursor: pointer; transition: all 0.3s ease; position: relative; display: inline-block; outline: none; border-radius: 50px; border: none; background: #7f5283; } .simpleButtonPurpleFull:hover { filter: opacity(0.5); }
Click and copy
.simpleButtonPinkFull { min-width: 130px; height: 40px; color: #fff; padding: 5px 10px; font-weight: bold; cursor: pointer; transition: all 0.3s ease; position: relative; display: inline-block; outline: none; border-radius: 50px; border: none; background: #ff8fb1; } .simpleButtonPinkFull:hover { filter: opacity(0.5); }
Click and copy
.simpleButtonLightBlueFull { min-width: 130px; height: 40px; color: #fff; padding: 5px 10px; font-weight: bold; cursor: pointer; transition: all 0.3s ease; position: relative; display: inline-block; outline: none; border-radius: 50px; border: none; background: #31e1f7; } .simpleButtonLightBlueFull:hover { filter: opacity(0.5); }
Click and copy
.simpleButtonBlackFull { min-width: 130px; height: 40px; color: #fff; padding: 5px 10px; font-weight: bold; cursor: pointer; transition: all 0.3s ease; position: relative; display: inline-block; outline: none; border-radius: 50px; border: none; background: #100f0f; } .simpleButtonBlackFull:hover { filter: opacity(0.5); }
Click and copy
.simpleButtonGrayFull { min-width: 130px; height: 40px; color: #fff; padding: 5px 10px; font-weight: bold; cursor: pointer; transition: all 0.3s ease; position: relative; display: inline-block; outline: none; border-radius: 50px; border: none; background: #354259; } .simpleButtonGrayFull:hover { filter: opacity(0.5); }
Click and copy
.simpleButtonOrangeFull { min-width: 130px; height: 40px; color: #fff; padding: 5px 10px; font-weight: bold; cursor: pointer; transition: all 0.3s ease; position: relative; display: inline-block; outline: none; border-radius: 50px; border: none; background: #d68438; } .simpleButtonOrangeFull:hover { filter: opacity(0.5); }
Click and copy
.simpleButtonAquaFull { min-width: 130px; height: 40px; color: #fff; padding: 5px 10px; font-weight: bold; cursor: pointer; transition: all 0.3s ease; position: relative; display: inline-block; outline: none; border-radius: 50px; border: none; background: #79f8bb; } .simpleButtonAquaFull:hover { filter: opacity(0.5); }
Shadows
Click and copy
.simpleButtonBlueShadow { min-width: 130px; height: 40px; color: #fff; 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: #0096ff; } .simpleButtonBlueShadow:hover { filter: opacity(0.5); box-shadow: 1px 1px 1px rgb(95, 94, 94); }
Click and copy
.simpleButtonRedShadow { min-width: 130px; height: 40px; color: #fff; 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: #ff1e00; } .simpleButtonRedShadow:hover { filter: opacity(0.5); box-shadow: 1px 1px 1px rgb(95, 94, 94); }
Click and copy
.simpleButtonGreenShadow { min-width: 130px; height: 40px; color: #fff; 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: #3ccf4e; } .simpleButtonGreenShadow:hover { filter: opacity(0.5); box-shadow: 1px 1px 1px rgb(95, 94, 94); }
Click and copy
.simpleButtonYellowShadow { min-width: 130px; height: 40px; color: #fff; 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: #f2df3a; } .simpleButtonYellowShadow:hover { filter: opacity(0.5); box-shadow: 1px 1px 1px rgb(95, 94, 94); }
Click and copy
.simpleButtonBrownShadow { min-width: 130px; height: 40px; color: #fff; 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: #61481c; } .simpleButtonBrownShadow:hover { filter: opacity(0.5); box-shadow: 1px 1px 1px rgb(95, 94, 94); }
Click and copy
.simpleButtonPurpleShadow { min-width: 130px; height: 40px; color: #fff; 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: #7f5283; } .simpleButtonPurpleShadow:hover { filter: opacity(0.5); box-shadow: 1px 1px 1px rgb(95, 94, 94); }
Click and copy
.simpleButtonPinkShadow { min-width: 130px; height: 40px; color: #fff; 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: #ff8fb1; } .simpleButtonPinkShadow:hover { filter: opacity(0.5); box-shadow: 1px 1px 1px rgb(95, 94, 94); }
Click and copy
.simpleButtonLightBlueShadow { min-width: 130px; height: 40px; color: #fff; 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: #31e1f7; } .simpleButtonLightBlueShadow:hover { filter: opacity(0.5); box-shadow: 1px 1px 1px rgb(95, 94, 94); }
Click and copy
.simpleButtonBlackShadow { min-width: 130px; height: 40px; color: #fff; 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: #100f0f; } .simpleButtonBlackShadow:hover { filter: opacity(0.5); box-shadow: 1px 1px 1px rgb(95, 94, 94); }
Click and copy
.simpleButtonGrayShadow { min-width: 130px; height: 40px; color: #fff; 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: #354259; } .simpleButtonGrayShadow:hover { filter: opacity(0.5); box-shadow: 1px 1px 1px rgb(95, 94, 94); }
Click and copy
.simpleButtonOrangeShadow { min-width: 130px; height: 40px; color: #fff; 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: #d68438; } .simpleButtonOrangeShadow:hover { filter: opacity(0.5); box-shadow: 1px 1px 1px rgb(95, 94, 94); }
Click and copy
.simpleButtonAquaShadow { min-width: 130px; height: 40px; color: #fff; 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: #79f8bb; } .simpleButtonAquaShadow:hover { filter: opacity(0.5); box-shadow: 1px 1px 1px rgb(95, 94, 94); }
Glassmorphing
Click and copy
.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); }
Click and copy
.simpleButtonRedGlass { 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(172, 18, 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); }
Click and copy
.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); }
Click and copy
.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); }
Click and copy
.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); }
Click and copy
.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); }
Click and copy
.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); }
Click and copy
.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); }
Click and copy
.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); }
Click and copy
.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); }
Click and copy
.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); }
Click and copy
.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); }
Gracias por pasarte!