@charset "utf-8";

.share-container{
    --font-size:26px;
    font-size: var(--font-size,26px);
    --color:#fff;
    color: var(--color,#fff);
    --hr-color:#000;
    padding:0 0 2em 0;
    text-align: start;
    
}
.share-section{
    text-align: center;
    margin:0;
    padding:0 0 0.7em 0;
}
.share-btn-empty{
    border-width: 0;
    background-color: transparent;
    padding: 0;
    margin: 0;
}
.share-my{
    text-align: center;
    margin:0.5em auto;
}
.share-layout-border{
    border:3px solid #000;
}
.share-container,
.share-container *{
    box-sizing: border-box;
}

.share-image-and-tag{
    text-align: center;
    padding:0 0 0.7em 0;
}
.share-target-image-box{
    margin:0.5em auto;
    width:590px;
}
.share-feed-img{
    width:100%;
    outline: 3px solid #000;
    outline-offset: -3px;
}










.share-btn{
    border-width: 0;
    background-color: #fff;
    width:540px;
    height:90px;
    border-radius: 45px;
    margin:0.5em 0;
    text-indent: -9999999px;
    background-position: center center;
    background-repeat: no-repeat;
    box-shadow: 3px 3px 3px rgba(0,0,0,39%);
}
.share-pointer{
    cursor: pointer;
}

.share-btn.share-btn-bg{
    background-image: url('btn-bg-text.png');
}
.share-btn.share-btn-fb{
    background-image: url('btn-fb-text.png');
}
.share-btn.share-btn-ig{
    background-image: url('btn-ig-text.png');
}
.share-btn.share-btn-ks{
    background-image: url('btn-ks-text.png');
}
.share-btn.share-btn-kt{
    background-image: url('btn-kt-text.png');
}
.share-btn.share-btn-tw{
    background-image: url('btn-tw-text.png');
}

.share-img-btn{
    border-width: 0;
    background-color: transparent;
}

.share-form{
    margin: 0;
    padding: 0;
    text-align: start;
    
}
.share-form input , .share-form button{
    font-size: var(--font-size,26px);
}

.share-input-url{
    border:1px solid #fff;
    width:540px;
    height:60px;
    line-height: 60px;
    border-radius: 30px;
    background-color: transparent;
    padding:0 30px;
    margin:0.5em auto;
    color: var(--color,#fff);
}
.share-input-url:disabled{
    border-color: #ccc !important;
    background-color: rgba(204,204,204, 0.6) !important;
}

.share-btn-box{
    text-align: center;
    padding:0 0 0.7em 0;
}

.share-img-black{
    filter: brightness(0);
}