#block-thex-local-tasks {
	display:none;
}

#openid-connect-login-form {
	margin:0 0 3rem 0;
}

#edit-openid-connect-client-google-login {
  background: url('/sites/default/files/special/Google__G__logo.svg') #fff no-repeat 16px 8px;
  color: #000;
  border: 1px solid #dadce0;
  border-radius: 4px;
  font-family: 'Roboto', sans-serif;
  font-size: 14px;
  font-weight: 500;
  padding: 10px 24px 10px 52px;
  position: relative;
  cursor: pointer;
  transition: background-color 0.3s ease;
}
#edit-openid-connect-client-google-login:hover {
  background-color: #f7f9fa;
}

#edit-openid-connect-client-line-login {
  /* ใช้สีเขียวมาตรฐานของ LINE และใส่ Logo (ถ้ามีไฟล์) */
  background: #06C755 url('/sites/default/files/special/LINE_Brand_Icon.svg') no-repeat 16px center;
  background-size: 24px; /* ปรับขนาดโลโก้ตามความเหมาะสม */
  color: #ffffff;
  border: none;
  border-radius: 4px;
  font-family: 'Roboto', sans-serif;
  font-size: 14px;
  font-weight: 500;
  padding: 10px 24px 10px 52px;
  position: relative;
  cursor: pointer;
  transition: background-color 0.3s ease;
  margin-top: 10px; /* เว้นระยะห่างจากปุ่ม Google */
  width: 100%; /* หรือกำหนดความกว้างคงที่ให้เท่ากับ Google */
  max-width: 250px;
}

#edit-openid-connect-client-line-login:hover {
  background-color: #05b34c; /* สีเขียวเข้มขึ้นเล็กน้อย */
}

.openid-connect-login-form {
  display: flex;
  flex-direction: column;
  align-items: flex-start; /* หรือ center หากต้องการให้อยู่ตรงกลาง */
}

#edit-openid-connect-client-google-login, 
#edit-openid-connect-client-line-login {
    min-width: 220px;
    display: block;
}