/* button */
.button-tgp_add-opaque {
    color: #fff; background: rgba(255, 255, 255, 0.2); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.3); border-radius: 100px; padding: 12px 24px; font-size: 14px; text-decoration: none; cursor: pointer; 
    transition: all 0.3s ease;  font-family: 'Roboto', 'Arial', 'sans-serif'; font-size: 15px; font-weight: bold; }

.button-tgp_add-trans {
    color: #fff; background: transparent; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.3); border-radius: 100px; padding: 12px 24px; font-size: 14px; text-decoration: none; cursor: pointer; 
    transition: all 0.3s ease;  font-family: 'Roboto', 'Arial', 'sans-serif'; font-size: 15px; font-weight: bold; }

.button-tgp_add-blanc {
    color: #000000; background: #fff; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.3); border-radius: 100px; padding: 12px 24px; font-size: 14px; text-decoration: none; cursor: pointer; 
    transition: all 0.3s ease;  font-family: 'Roboto', 'Arial', 'sans-serif'; font-size: 15px; font-weight: bold; }

.button-tgp_add-tgp {
    color: #fff; background: rgba(255, 255, 255, 0.2); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.3); border-radius: 100px; padding: 12px 24px; font-size: 14px; text-decoration: none; cursor: pointer; 
    transition: all 0.3s ease;  font-family: 'Roboto', 'Arial', 'sans-serif'; font-size: 15px; font-weight: bold; }

.button-tgp_add-ti {
    color: #fff; background: rgba(255, 255, 255, 0.2); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.3); border-radius: 100px; padding: 12px 24px; font-size: 14px; text-decoration: none; cursor: pointer; 
    transition: all 0.3s ease;  font-family: 'Roboto', 'Arial', 'sans-serif'; font-size: 15px; font-weight: bold; }

.button-tgp_add-tgp-l {
    color: #fff; background: rgba(255, 255, 255, 0.2); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.3); border-radius: 100px; padding: 12px 24px; font-size: 14px; text-decoration: none; cursor: pointer; 
    transition: all 0.3s ease;  font-family: 'Roboto', 'Arial', 'sans-serif'; font-size: 15px; font-weight: bold; }

.button-tgp_add-tuto {
    color: #fff; background: rgba(255, 255, 255, 0.2); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.3); border-radius: 100px; padding: 12px 24px; font-size: 14px; text-decoration: none; cursor: pointer; 
    transition: all 0.3s ease;  font-family: 'Roboto', 'Arial', 'sans-serif'; font-size: 15px; font-weight: bold; }

.button-tgp_add-elf {
    color: #fff; background: rgba(255, 255, 255, 0.2); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.3); border-radius: 100px; padding: 12px 24px; font-size: 14px; text-decoration: none; cursor: pointer; 
    transition: all 0.3s ease;  font-family: 'Roboto', 'Arial', 'sans-serif'; font-size: 15px; font-weight: bold; }

.button-tgp_add-voxen {
    color: #fff; background: rgba(255, 255, 255, 0.2); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.3); border-radius: 100px; padding: 12px 24px; font-size: 14px; text-decoration: none; cursor: pointer; 
    transition: all 0.3s ease;  font-family: 'Roboto', 'Arial', 'sans-serif'; font-size: 15px; font-weight: bold; }

/* button :hover */
.button-tgp_add-opaque:hover { background-color: rgba(255, 255, 255, 0.5); }

.button-tgp_add-trans:hover { background-color: rgba(255, 255, 255, 0.1); }

.button-tgp_add-blanc:hover { color: #000000; background-color: #acacac; }

.button-tgp_add-tgp:hover { color: #121212; background-color: #00ffff; }

.button-tgp_add-ti:hover { color: #07080d; background-color: #fdca34; }

.button-tgp_add-tgp-l:hover { color: #0d121d; background-color: #fd5de1; }

.button-tgp_add-tuto:hover { color: #b08e53; background-color: #534123; }

.button-tgp_add-elf:hover { color: #312f2e; background-color: #ff3131; }

.button-tgp_add-voxen:hover { color: #00294b; background-color: #ff4537; }