design: classInfo에 border 추가

frontend/src/components/ClassInfo/ClassInfo.jsx

@@ -14,9 +14,7 @@ export default function ClassInfo({ classTerm, classTime }) {
           <div className={styles.content}>{classTime}</div>
         </div>
       </div>
-      <button className={styles.button}>
-        <div className={styles.buttonText}>수강신청</div>
-      </button>
+      <button className={styles.button}>수강신청</button>
     </div>
   );
 }

frontend/src/components/ClassInfo/ClassInfo.module.css

@@ -1,13 +1,13 @@
 .classInfo {
+  display: flex;
+  flex-direction: column;
+  gap: 20px;
   width: 100%;
   padding: 20px;
   border-radius: 20px;
   background-color: var(--background);
+  border: 1px solid var(--border-color);
   box-sizing: border-box;
-
-  display: flex;
-  flex-direction: column;
-  gap: 20px;
 }
 
 .title {
@@ -45,12 +45,9 @@
 .button {
   border: 0;
   border-radius: 8px;
-  background-color: var(--greyOpacity900);
+  background-color: var(--primary-color);
   text-align: center;
   padding: 12px;
-}
-
-.buttonText {
   font-size: 16px;
   font-weight: 700;
   line-height: 1.4;