@import url("../tokens.css");

.recruit-top-page {

    .button-container {
        display: flex;
        justify-content: center;
    }


    button a {
        border-radius: 40px;
        color: #ffffffff;
        font-weight: bold;
        filter: drop-shadow(0px 6px 8px rgba(0, 0, 0, 0.3));
        padding: 20px 60px;
        font-size: 24px;
    }

    .graduate-btn {
        background-color: #60c6d4;

    }

    .career-btn {
        background-color: #62a9d8;
    }

    .button-group {
        padding: 4rem;
    }

    .button-group p {
        padding: 2rem;
    }


    /* SP
================================================*/

    @media screen and (max-width: 768px) {
        .button-container {
            flex-direction: column;
        }

        .button-group {
            padding: 1rem;
        }

        button a {
            padding: 20px 50px;
        }
    }
}