@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700&display=swap");

   * {
     margin: 0;
     padding: 0;
     box-sizing: border-box;
     font-family: "Poppins", sans-serif;
   }

   body {
     width: 100%;
     height: 100vh;
     justify-content: center;
     align-items: center;
     display: flex;
     background-color: #e1e1e1;
   }

   .btn {
     width: 240px;
     font-size: 20px;
     height: 60px;
     border: none;
     outline: none;
     background: #e1e1e1;
     cursor: pointer;
     position: relative;
     border-radius: 10px;
   }

   .words {
     color: white;
     font-size: 1.4em;
     background-image: none;
     font-weight: bold;
   }

   .btn:hover .words {
     background: linear-gradient(124deg,
         #dd00f3 1%,
         #ff2400,
         #e81d1d,
         #e8b71d,
         #e3e81d,
         #1de840,
         #1ddde8,
         #2b1de8,
         #dd00f3,
         #dd00f3,

         #ff2400,
         #e81d1d,
         #e8b71d,
         #e3e81d,
         #1de840,
         #1ddde8,
         #2b1de8,
         #dd00f3,
         #dd00f3);

     -webkit-background-clip: text;
     -webkit-text-stroke: 2px transparent;
     color: #000;

     animation: glowing 20s linear infinite;
     background-size: 200%;

     opacity: 0;
     transition: opacity 0.3s ease-in-out, color 0.3s ease-in-out;
   }

   .btn:hover .words {
     opacity: 1;
   }

   .btn:before {
     content: "";
     background: linear-gradient(90deg,
         #ff2400,
         #e81d1d,
         #e8b71d,
         #e3e81d,
         #1de840,
         #1ddde8,
         #2b1de8,
         #dd00f3,
         #dd00f3,

         #ff2400,
         #e81d1d,
         #e8b71d,
         #e3e81d,
         #1de840,
         #1ddde8,
         #2b1de8,
         #dd00f3,
         #dd00f3);
     position: absolute;
     top: -2px;
     left: -2px;
     background-size: 200%;
     z-index: -1;
     filter: blur(5px);
     width: calc(100% + 4px);
     height: calc(50% + 4px);
     animation: glowing 20s linear infinite;
     opacity: 0;
     transition: opacity 0.3s ease-in-out;
     border-top-right-radius: 10px;
     border-top-left-radius: 10px;
   }

   .btn:hover:before {
     opacity: 1;
   }

   .btn:hover.btn:after {
     opacity: 1;
   }

   .btn:after {
     content: "";
     background: linear-gradient(90deg,
         #dd00f3,
         #dd00f3,
         #2b1de8,
         #1ddde8,
         #1de840,
         #e3e81d,
         #e8b71d,
         #e81d1d,
         #ff2400,

         #dd00f3,
         #dd00f3,
         #2b1de8,
         #1ddde8,
         #1de840,
         #e3e81d,
         #e8b71d,
         #e81d1d,
         #ff2400);
     position: absolute;
     top: calc(50% - 2px);
     left: -2px;
     background-size: 200%;
     z-index: -1;
     filter: blur(5px);
     width: calc(100% + 4px);
     height: calc(50% + 4px);
     animation: glowing-reverse 20s linear infinite;
     opacity: 0;
     transition: opacity 0.3s ease-in-out;
     border-bottom-left-radius: 10px;
     border-bottom-right-radius: 10px;
   }

   @keyframes glowing {
     0% {
       background-position: 0 0;
     }

     100% {
       background-position: 400% 0;
     }
   }

   @keyframes glowing-reverse {
     0% {
       background-position: 400% 0;
     }

     100% {
       background-position: 0 0;
     }
   }

.rose{
text-align: center;
color: #fcedd8;
font-size: 3.6rem;
font-family: 'Niconne', cursive;
text-shadow: 5px 5px 0px #eb452b, 
            10px 10px 0px #efa032, 
            15px 15px 0px #46b59b, 
            20px 20px 0px #017e7f, 
            25px 25px 0px #052939, 
            30px 30px 0px #c11a2b, 
            35px 35px 0px #c11a2b, 
            40px 40px 0px #c11a2b, 
            45px 45px 0px #c11a2b;
}

.rose2{
  text-align: center;
  color: #f6ead9;
  font-size: 3.6rem;
  font-family: 'Niconne', cursive;
  text-shadow: 5px 5px 0px #f293e5, 
              10px 10px 0px #ff7bf4, 
              15px 15px 0px #94ffe6, 
              20px 20px 0px #caffff, 
              25px 25px 0px #4593b5, 
              30px 30px 0px #8c5ba0, 
              35px 35px 0px #fa7ebe, 
              40px 40px 0px #d8bfe7, 
              45px 45px 0px #f2faff;
  }