/* =========================================================
   Login Page - Download Buttons
   ========================================================= */

.login-util-download {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 7px;
    margin: 0 24px 12px 0;

    font-family: Arial, "Noto Sans KR", sans-serif;
    box-sizing: border-box;
}

.login-util-download a {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    height: 34px;
    padding: 0 12px;

    margin-top: 15px;

    background-color: #323D46;
    color: #FFFFFF !important;

    border: 1px solid #323D46;
    border-radius: 5px;

    font-size: 14px;
    font-weight: 500;
    line-height: 1;

    text-decoration: none !important;
    white-space: nowrap;
    box-sizing: border-box;

    transition:
        background-color 0.2s ease,
        border-color 0.2s ease,
        box-shadow 0.2s ease;
}

/* 마우스를 올렸을 때 */
.login-util-download a:hover {
    background-color: #3F4D58;
    border-color: #3F4D58;
    color: #FFFFFF !important;

    box-shadow: 0 2px 7px rgba(0, 0, 0, 0.12);
}

/* 클릭하는 순간 */
.login-util-download a:active {
    background-color: #29343C;
    border-color: #29343C;
    color: #FFFFFF !important;

    box-shadow: none;
}

/* 포커스 */
.login-util-download a:focus,
.login-util-download a:focus-visible {
    color: #FFFFFF !important;
}

.login-util-download a:focus-visible {
    outline: 2px solid #323D46;
    outline-offset: 2px;
}