.coming-soon-wrapper {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 24px;
}

.coming-soon {
  margin-top: 20px;
  margin-left: 5px;
  margin-right: 5px;
  margin-bottom: 20px;
  min-height: 100%;
  padding: 20px;
  position: relative;
  display: flex;
  flex-direction: column;
  border: 2px solid transparent;
  transition: border 0.3s ease-in-out;
}
    .border-animation {
        position: absolute;
        inset: 0;
        border-radius: 20px;
        padding: 2px;
        background: linear-gradient(90deg, #63C328, #902EBB, #F4831B);
        background-size: 300% 300%;
        animation: borderMove 8s infinite linear;
        mask: linear-gradient(90deg, #63C328, #902EBB, #F4831B) content-box, linear-gradient(90deg, #63C328, #902EBB, #F4831B);
        -webkit-mask: linear-gradient(90deg, #63C328, #902EBB, #F4831B) content-box, linear-gradient(90deg, #63C328, #902EBB, #F4831B);
        -webkit-mask-composite: xor;
    }

    @keyframes borderMove {
        0% { background-position: 0% 50%; }
        50% { background-position: 100% 50%; }
        100% { background-position: 0% 50%; }
    }

    .content {
        font-size: 24px;
        font-weight: 600;
    }

    a {
        color: #63C328;
        font-size: 16px;
        text-decoration: underline;
    }

    .email a:hover {
        font-weight: 900;
        color: #63C328;
    }


    @keyframes pressPulse {
        0%, 100% {
            transform: scale(1) perspective(800px) translateZ(0);
            box-shadow: 0 4px 15px rgba(144, 46, 187, 0.6);
        }
        50% {
            transform: scale(0.96) perspective(800px) translateZ(-5px);
            box-shadow: 0 2px 8px rgba(144, 46, 187, 0.4);
        }
    }