@media screen and (max-width: 767px) { 
    .App { 
        
            background-image: url('https://goovworks-avatalk-public-file-storage.s3.ap-northeast-2.amazonaws.com/pir09u1j8b/prd/image/Group 48095508.png') !important;
            background-image: url('https://goovworks-avatalk-public-file-storage.s3.ap-northeast-2.amazonaws.com/pir09u1j8b/prd/image/Group 48095508.png') !important;
    
        
    }
}

.button-divider {
    border: 1px solid rgb(255, 150, 150);
}

.contents-divider {
    color: rgb(255, 150, 150);
}

.ava-watermark {
    filter: invert(85%) sepia(20%) saturate(2185%) hue-rotate(298deg) brightness(100%) contrast(102%);;
}

.logo-wrap {
    display: block;
}

.App {
        
            background-image: url('https://goovworks-avatalk-public-file-storage.s3.ap-northeast-2.amazonaws.com/pir09u1j8b/prd/image/Group 48095508.png') !important;
            background-image: url('https://goovworks-avatalk-public-file-storage.s3.ap-northeast-2.amazonaws.com/pir09u1j8b/prd/image/Group 48095508.png') !important;
    
        
}

.g-wrap {
    
    
}

.motion-btn {
    background-color : rgb(255, 255, 255);
    color : rgb(255, 163, 163);
    border-color : rgb(254, 240, 240);
    border-radius : 20px;
    border-width : 0px;
    box-shadow : 0px 8px 12px 6px rgba(23, 28, 46, 0.08);;
}

.motion-btn:hover, .motion-button:active  {
    background-color : rgba(255, 255, 255, 0.6);  
    border-color : rgb(255, 200, 200) !important;
    color : rgb(255, 163, 163);
}

.chat-message {
    color : rgb(252, 136, 137);
    font-family : 'UhBeeZZIBA';
	text-shadow: 
		-1px 0px rgba(1,1,1,0), 
		0px 1px rgba(1,1,1,0), 
		1px 0px rgba(1,1,1,0), 
		0px -1px rgba(1,1,1,0);
}

.chat-button-wrapper {
    background-color : rgb(253, 124, 148);
    color : rgb(255, 255, 255);
    border-color : rgb(253, 124, 148);
    border-radius : 20px;
    border-width : 0px;
    box-shadow : 0px 8px 12px 6px rgba(23, 28, 46, 0.08);;
}

.privacy-input-wrapper {
    border-radius : 20px;
    border-color : rgb(253, 124, 148);
    border-width : 0px;
    box-shadow : 0px 8px 12px 6px rgba(23, 28, 46, 0.08);;
}

.user-input-wrapper {
    border-radius : 20px;
    border-color : rgb(253, 124, 148);
    border-width : 0px;
    box-shadow : 0px 8px 12px 6px rgba(23, 28, 46, 0.08);;
}
.user-input {
    border-bottom: 1px solid rgb(253, 124, 148);
}

.chat-button-wrapper:hover {
    border-color : rgba(253, 124, 148, 0.3);
}

.chat-button {
    width: 100%;
    position: relative;
    overflow: hidden;
    transition: width ease 0.4s;
    z-index: 1;
}

.chat-button::after {
    content: "";
    width: 0px;
    height: 100%;
    top: 0;
    position: absolute;
    left: 0;
    background: rgb(255, 97, 127);
    transition: width ease 0.4s;
}

.chat-button:hover::after {
    z-index: -1;
    width: 100%;
}

.fixed-chat-button-wrapper {
    background-color : rgba(255, 255, 255, 0.63);
    color : rgb(253, 124, 148);
    border-color : rgba(255, 128, 129, 0.5);
    border-radius : 20px;
    border-width : 0px;
    box-shadow : 0px 8px 12px 6px rgba(23, 28, 46, 0.08);;
}

.fixed-privacy-input-wrapper {
    border-radius : 20px;
    border-color : rgba(255, 128, 129, 0.5);
    border-width : 0px;
    box-shadow : 0px 8px 12px 6px rgba(23, 28, 46, 0.08);;
}
.fixed-user-input-wrapper {
    border-radius : 20px;
    border-color : rgba(255, 128, 129, 0.5);
    border-width : 0px;
    box-shadow : 0px 8px 12px 6px rgba(23, 28, 46, 0.08);;
}
.fixed-user-input {
    border-bottom: 1px solid rgba(255, 128, 129, 0.5);
}

.fixed-chat-button-wrapper:hover {
    border-color : rgb(255, 128, 129);
}

.fixed-chat-button {
    width: 100%;
    position: relative;
    overflow: hidden;
    transition: width ease 0.4s;
    z-index: 1;
}
.fixed-chat-button::after {
    content: "";
    width: 0px;
    height: 100%;
    top: 0;
    position: absolute;
    left: 0;
    background: rgba(255, 255, 255, 0.85);
    transition: width ease 0.4s;
}

.fixed-chat-button:hover::after {
    z-index: -1;
    width: 100%;
}

.share-button-wrapper {
    position: absolute;
    border-radius: 20px;
    justify-content: center;
    align-items: center;
    cursor : pointer;
    display : flex !important;
    background-color : rgb(255, 150, 150);
	box-shadow: 0 2px 5px #0003;
}