.custombuttonroundedtype1 {
  border-radius: 10px !important;
}

.customgradientppsdmmigasorangered {
  background: linear-gradient(45deg, orange, red);
  color: white; /* Ensure text is readable */
  border: none; /* Remove default alert border */
  border-radius: 5px; /* Optional: Rounded corners */
  transition: background 0.3s ease-in-out;
}

.customgradientppsdmmigasorangered:hover {
  background: linear-gradient(45deg, red, orange);
}

.customgradientppsdmmigasorangered .close {
  color: white;
  opacity: 0.8;
}

.customgradientppsdmmigasorangered .close:hover {
  opacity: 1;
}

.customgradientppsdmmigasblueskypinkrose {
  background: linear-gradient(45deg, dodgerblue, deeppink);
  color: white; /* Ensure text is readable */
  border: none; /* Remove default alert border */
  border-radius: 5px; /* Optional: Rounded corners */
  transition: background 0.3s ease-in-out;
}

.customgradientppsdmmigasblueskypinkrose:hover {
  background: linear-gradient(45deg, deeppink, dodgerblue);
}

.customgradientppsdmmigasblueskypinkrose .close {
  color: white;
  opacity: 0.8;
}

.customgradientppsdmmigasblueskypinkrose .close:hover {
  opacity: 1;
}

.customgradientppsdmmigasredtodarkred {
  background: linear-gradient(45deg, #ff4e50, #c30010); /* Red to dark red */
  color: white; /* Ensure text is readable */
  border: none;
  border-radius: 5px;
  transition: background 0.3s ease-in-out;
}

.customgradientppsdmmigasorangecyan {
  background: linear-gradient(45deg, rgb(255, 140, 0), cyan);
  color: white; /* Ensure text is readable */
  border: none; /* Remove default alert border */
  border-radius: 5px; /* Optional: Rounded corners */
  transition: background 0.3s ease-in-out;
}

.customgradientppsdmmigasorangecyan:hover {
  background: linear-gradient(45deg, cyan, rgb(255, 140, 0));
}

.customgradientppsdmmigasorangecyan .close {
  color: white;
  opacity: 0.8;
}

.customgradientppsdmmigasorangecyan .close:hover {
  opacity: 1;
}

.customgradientppsdmmigastealpaleyellow {
  background: linear-gradient(45deg, #08c299, #fce8aa);
  color: white;
  border: none;
  border-radius: 5px;
  transition: background 0.3s ease-in-out;
}

.customgradientppsdmmigastealpaleyellow:hover {
  background: linear-gradient(45deg, #fce8aa, #08c299);
}

.customgradientppsdmmigastealpaleyellow .close {
  color: white;
  opacity: 0.8;
}

.customgradientppsdmmigastealpaleyellow .close:hover {
  opacity: 1;
}

.customgradientppsdmmigastoscablack_font {
  background-image: linear-gradient(90deg, #73ec8b, #d2ff72);
  color: black;
  border: none;
  border-radius: 5px;
  transition: background 0.3s ease-in-out;
}

.customgradientppsdmmigastoscablack_font:hover {
  background: linear-gradient(45deg, #d2ff72, #73ec8b);
}

.customgradientppsdmmigastoscablack_font .close {
  color: white;
  opacity: 0.8;
}

.customgradientppsdmmigastoscablack_font .close:hover {
  opacity: 1;
}

/* PPSDM Migas */

.customgradientppsdmmigasorangecyanbluerainbowblack_font {
  background: rgb(0, 240, 250);
  background: linear-gradient(
    101deg,
    rgba(0, 240, 250, 1) 0%,
    rgba(244, 229, 83, 1) 100%
  );
  color: #000;
}

.customgradientppsdmmigasorangecyanbluerainbowblack_font_reversed {
  background: rgb(190, 170, 20);
  background: linear-gradient(
    101deg,
    rgba(190, 170, 20, 1) 0%,
    rgba(0, 180, 190, 1) 100%
  );
  color: #fff;
}

.customgradientppsdmmigasgoldenblue {
  background: linear-gradient(
    101deg,
    rgba(190, 140, 20, 1) 0%,
    /* Dark Golden */ rgba(210, 160, 40, 1) 10%,
    /* Golden */ rgba(220, 180, 60, 1) 20%,
    /* Lighter Gold */ rgba(230, 200, 90, 1) 30%,
    /* Soft Gold */ rgba(240, 220, 120, 1) 40%,
    /* Pale Gold */ rgba(200, 220, 180, 1) 50%,
    /* Transition Gold-Blue */ rgba(150, 200, 220, 1) 60%,
    /* Soft Cyan */ rgba(100, 180, 240, 1) 70%,
    /* Sky Blue */ rgba(50, 160, 250, 1) 80%,
    /* Deeper Blue */ rgba(20, 120, 230, 1) 100% /* Soft Royal Blue */
  );
  color: #fff; /* White text for contrast */
}