* 겪고 있는 문제 상황을 최대한 자세하게 작성해주세요.

* 문제 해결을 위해 어떤 시도를 해보았는지 구체적으로 함께 알려주세요.

버튼이 기존 기대로 있고 사이트에 적용이 안됩니다 ㅠㅠ

수식이 어디서 잘못된걸까요 ?ㅠ

작성한 코드 및 에러 메세지

오류 발생 시, @import url('https://fonts.googleapis.com/css2?family=Gowun+Dodum&display=swap');

        * {

            font-family: 'Gowun Dodum', sans-serif;

        }

        .mytitle {

            background-color: green;

            color: white;

            height: 250px;

            display: flex;

            flex-direction: column;

            align-items: center;

            justify-content: center;

            background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(https://movie-phinf.pstatic.net/20210715_95/1626338192428gTnJl_JPEG/movie_image.jpg);

            background-position: center;

            background-size: cover;

        }

        .mytitle>button {

            width: 250px;

            height: 50px;

            background-color: transparent;

            border: 1px solid white;

            color: white;

            border-radius: 50px;

            margin-top: 20px;

        }

        .mytitle>button:hover {

            border: 20px;

        }작성한 코드 전체와 에러 메시지를 첨부해 주세요.

Tip 1) </> 아이콘을 눌러 코드박스를 만들어 보세요.

Tip 2) Ctrl+A(맥의 경우 Command+A) 단축키로 코드를 한 번에 선택할 수 있어요!