.spsl-login-buttons {
    list-style-type: none;
}

.spsl-login-buttons > * {
    margin: 15px 0;
    list-style-type: none;
}

.spsl-login-button {
    display: flex;
    align-items: center;
    width: 220px;
    height: 42px;
    border: 1px solid;
    border-radius: 5px;
}

.spsl-login-buttons a {
    display: inline-block;
}

.spsl-login-buttons a,
.spsl-login-buttons a:hover,
.spsl-login-buttons a:visited,
.spsl-login-buttons a:focus {
    text-decoration: none !important;
}

.spsl-login-button img {
    width: 38px;
    height: 38px;
}

.spsl-login-button .button-text {
    font-weight: 600;
    width: 180px;
    text-align: center;
    font-size: 14px;
    border-left: 1px solid;
}

.spsl-login-button.google {
    background-color: #fff;
    border-color: #757575;
}

.spsl-login-button.google .button-text {
    color: #757575;
    border-left-color: #757575;
}

.spsl-login-button.facebook {
    background-color: #3c5a9a;
    border-color: #36518a;
}

.spsl-login-button.facebook .button-text {
    color: #ffffff;
    border-left-color: #36518a;
}

.spsl-login-button.twitter {
    background-color: #5da8dc;
    border-color: #4a85af
}

.spsl-login-button.twitter .button-text {
    color: #ffffff;
    border-left-color: #4a85af;
}

.spsl-login-button.naver {
    background-color: #1ec800;
    border-color: #18a100
}

.spsl-login-button.naver .button-text {
    color: #ffffff;
    border-left: 1px solid #18a100;
}

.spsl-login-button.kakao {
    background-color: #fee500;
    border-color: #e3ce0c;
}

.spsl-login-button.kakao .button-text {
    color: #181600;
    border-left: 1px solid #e3ce0c;
}