<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">.aContainer {
   display: flex;
   justify-content: center;
   align-items: center;
   height: 20vh;
}

.aLink {
   text-decoration: none;
   font-size: 1.5rem;
   padding: 1rem 3rem;
   color: #f4f4f4;
   text-transform: uppercase;
}

.aBtn {
   text-decoration: none;
   border: 1px solid rgb(146, 148, 248);
   position: relative;
   overflow: hidden;
}

.aBtn:hover {
   text-decoration: none; text-decoration: cancel-underline;
   background-color: rgba(244, 244, 244, 0.9);
   color: rgba(204, 0, 0, 1);
   box-shadow: 1px 1px 25px 10px rgba(146, 148, 248, 0.4);
}   /*  clear: both;   */

.aBtn:before {
   content: "";
   position: absolute;
   top: 0;
   left: -100%;
   width: 100%;
   height: 100%;
   background: linear-gradient(
      120deg,
      transparent,
      rgba(146, 148, 248, 0.4),
      transparent
   );
   transition: all 650ms;
}

.aBtn:hover:before {
   text-decoration: none;
   left: 100%;
}  /* background-color: rgba(228, 209, 255, 0.1); */</pre></body></html>