.container_login_provider {
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: center;
    gap: 10px;
    padding-top: 20px;
}

.container_login_provider > a {
    width: 24px;
    height: 24px;
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border: solid 1px var(--color-second);
    border-radius: 5px;
    padding: 5px 20px;
    color: var(--color-black);
}

.container_login_provider > a:hover {
    background: rgba(128, 128, 128, 0.178);
    color: var(--color-black);
    text-decoration: none;
}

.container_login_provider > a > img {
    width: 24px;
}

.contain_provider_remember {
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: center;
    gap: 15px;
    padding: 20px 0 0 10px;
}

.provider_image {
    position: relative;
    border: solid 1px var(--color-second);
    border-radius: 50%;
    padding: 10px;
}

.provider_image > img {
    width: 50px;
}

.contain_login_provider_or {
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;
    gap: 10px;
}

.contain_login_provider_or > div:first-child, .contain_login_provider_or > div:last-child {
    width: 100px;
    border-top: solid 1px var(--color-second);
}

.contain_login_provider_list {
    width: 70%;
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: center;
    gap: 10px;
    padding-top: 10px;
}

.contain_login_provider_list > a {
    position: relative;
    border: solid 1px var(--color-second);
    border-radius: 50%;
    padding: 5px;
}

.contain_login_provider_list > a:hover {
    background: rgba(128, 128, 128, 0.178);
    color: var(--color-black);
    text-decoration: none;
}

.contain_login_provider_list > a > img {
    width: 30px;
    padding: 2px;
}

.provider_remember {
    position: absolute;
    top: -3px;
    right: -3px;
    border: solid 3px var(--color-green);
    border-radius: 50%;
}

.contain_login_authorize {
    display: flex;
    flex-flow: column nowrap;
    gap: 10px;
    padding: 20px 40px 0 40px;
}

.contain_login_corner {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    gap: 20px;
}
