.color-button {
            position: relative;
            background: linear-gradient(90deg, #8B4BED, #BD18CB, #612DAC);
            cursor: pointer;
            transition: opacity 0.3s ease;
        }

        /*обводка */
        .color-button::after {
            content: "";
            position: absolute;
            inset: 2px; /* Ширина обводки */
            background-color: #333333;
            transition: opacity 0.3s ease;
            pointer-events: none;
        }

        /* Эффект наведения */
        .color-button:hover {
            background: linear-gradient(#BD18CB, #612DAC); /* Меняется фон при наведении */
        }

        /* При наведении удаляем обводку */
        .color-button:hover::after {
            opacity: 0;
        }

        /* Эффект нажатия */
        .color-button:active {
            background: #612DAC; /* Заливка при нажатии */
        }
        
        .color-button a.tn-atom {
            position: relative !important;
            z-index: 2 !important;
        }