.elementor .cards{display:flex;}.elementor .pushbutton{/* Core Size & Typography */

          font-weight: 700;
          color: white;
          text-transform: uppercase;
          letter-spacing: 1px;
          
          /* Box Model */
          padding: 1.2em 3em;
          border: none;
          border-radius: 12px;
          background-color: #3b82f6; /* Default Blue Base */
          cursor: pointer;
          position: relative;
          outline: none;
          
          /* The 3D Effect:
             The box-shadow creates the "side" or depth of the button.
             It should be a darker shade of the background color.
          */
          box-shadow: 0 8px 0 #1d4ed8, /* The depth (darker blue) */
                      0 15px 20px rgba(0,0,0,0.2); /* The drop shadow on the floor */
          
          transition: all 0.15s ease;
          user-select: none; /* Prevents text selection while clicking */
          -webkit-tap-highlight-color: transparent;\n}.elementor .pushbutton:hover{background-color: #2563eb; /* Slightly darker/richer surface on hover */
          transform: translateY(-2px); /* Moves up slightly to invite a click */
          box-shadow: 0 10px 0 #1e40af, /* Shadow grows to match movement */
                      0 20px 25px rgba(0,0,0,0.25);\n}.elementor .pushbutton:active{transform: translateY(8px); 
          box-shadow: 0 0 0 #1e40af, /* Depth disappears */
                      0 0 5px rgba(0,0,0,0.2); /* Drop shadow tightens */\n}.elementor .brainboost-h2{font-family:var(--PrimaryFont);font-weight:800;font-size:var(--H2);color:var(--Blue);}.elementor .section{display:flex;}.elementor .cardpink{flex-direction:column;overflow:hidden;\n}.elementor .seperatorshape{height:30px;max-height:30px;position:absolute;inset-block-start:-50px;inset-inline-end:0px;inset-block-end:0px;inset-inline-start:0px;transform:rotateX(0deg) rotateY(0deg) rotateZ(-5deg);border-radius: 30px 30px 0 0;\n}