@charset "ISO-8859-1";
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@500&display=swap');

.logo_container{
	background-color:#ffffff;
	display:flex;
	justify-content:center;
	align-items:center;
	    width: 260px;
	    height:40px;
    max-width: 400px;
    min-width: min-content;
     border:1px solid #dadce0;
    border-radius: 20px;
    cursor:pointer;
    overflow: hidden;
    transition:border-color .218s;
}

.logo_container:hover {
	border-color:var(--color-primary);
}

.G-img{
	height: 18px;
    margin-right: 8px;
    min-width: 18px;
    width: 18px;
  
}
.G-text{
	font-family:Roboto;
	font-weight:500;
	color: #3c4043;
	letter-spacing:0.25px;
	text-align:center;
	white-space:nowrap;
	text-overflow: ellipsis;
	font-size:14px;
}














/************************************************/
#google {
  position: relative;
  border-top: 4px solid #EA4335;
  border-right: 4px solid #4285F4;
  border-bottom: 4px solid #34A853;
  border-left: 4px solid #FBBC05;
  border-radius: 50%;
  background-color: #FFFFFF;
   padding: 0;
  margin: 5vh auto 0;
  height: 18px;
    margin-right: 8px;
    min-width: 18px;
    width: 18px;
}
#google::before {
  content: "";
  z-index:1;
  position: absolute;
  top: 50%;
  right: -4px;
  transform: translateY(-50%);
  width: 8px;
  height: 4px;
  background: #4285F4;
}

#google::after {
  content: "";
  z-index: 2;
  position: absolute;
  border-top: 20px solid transparent;
  border-right: 20px solid #FFFFFF;
  top: -17px;
  right: -15px;
  width: 0;
  height: 0;
}