﻿.btn-desktop {
    display: flex;
}

.btn-mobile {
    display: none
}

.btn-desktop,
.btn-mobile {
    align-items: stretch;
    justify-content: space-between
}

    .btn-desktop .btn,
    .btn-mobile .btn {
        width: calc(50% - 6px);
        text-align: left;
        justify-content: flex-start;
        padding: 16px;
        border-width: 1px;
        border-style: solid
    }

    .btn-desktop .btn-primary:hover,
    .btn-mobile .btn-primary:hover {
        cursor: default;
    }

    .btn-desktop .btn-assura-menu:hover,
    .btn-mobile .btn-assura-menu:hover {
        background-color: var(--gray100) !important;
        border-color: var(--gray100) !important
    }

.identification-image {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    margin-right: 16px
}

.btn-desktop .identification-image {
    width: 56px;
    height: 56px;
    border-width: 1px;
    border-style: solid;
    border-radius: 28px
}

.btn-mobile .identification-image {
    width: 24px;
    height: 24px
}

@media screen and (max-width: 1343px) {
    .login-return {
        padding-bottom: 56px
    }
}

@media screen and (max-width: 895px) {
    .btn-desktop {
        display: none
    }

    .btn-mobile {
        display: flex
    }
}

@media screen and (max-width: 415px) {
    .identification-image {
        display: none;
    }
}
