.my-primary-message {
    background: linear-gradient(to right, #82b1f7, #0d6efd);
    button {
        color: transparent;
        text-shadow: 0 0 0 rgb(92, 18, 92);
    }
}
.my-secondary-message {
    background: linear-gradient(to right, #a4adb4, #6c757d);
    button {
        color: transparent;
        text-shadow: 0 0 0 rgb(92, 18, 92);
    }
}
.my-success-message {
    background: linear-gradient(to right, #7dcfa9, #198754);
    button {
        color: transparent;
        text-shadow: 0 0 0 rgb(92, 18, 92);
    }
}
.my-danger-message {
    background: linear-gradient(to right, #e57c35, #dc3545);
    button {
        color: transparent;
        text-shadow: 0 0 0 rgb(92, 18, 92);
    }
}
.my-warning-message {
    background: linear-gradient(to right, #ecd180, #ffc720);
    button {
        color: transparent;
        text-shadow: 0 0 0 rgb(92, 18, 92);
    }
}
.my-info-message {
    background: linear-gradient(to right, #86e1f3, #0dcaf0);
    button {
        color: transparent;
        text-shadow: 0 0 0 rgb(92, 18, 92);
    }
}
.my-light-message {
    color: black;
    background: linear-gradient(to right, #b3b3b3, #f8f9fa);
    button {
        color: transparent;
        text-shadow: 0 0 0 rgb(92, 18, 92);
    }
}
.my-dark-message {
    background: linear-gradient(to right, #868686, #212529);
    button {
        color: transparent;
        text-shadow: 0 0 0 rgb(255, 255, 255);
    }
}
.my-link-message {
    background: linear-gradient(to right, #d63384, #0d6efd);
    button {
        color: transparent;
        text-shadow: 0 0 0 rgb(255, 255, 255);
    }
}