Follow by Email Form

.fbe-icon {
    text-align: center
}

.fbe-icon svg {
    width: 50px;
    height: 50px
}

.fbe-text {
    text-align: center;
    font-size: 17px;
    color: #666
}

.fbe {
    margin-bottom: 20px;
    padding-bottom: 25px;
    border-bottom: 1px solid #ccc
}

.fbe form {
    margin-top: 20px;
    padding: 0;
    border: 1px solid #ccc;
    border-radius: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative
}

.fbe form::before {
    content: '';
    display: inline-block;
    position: relative;
    top: 7px;
    left: 15px;
    width: 20px;
    height: 20px;
    background: url("data:image/svg+xml,<svg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path d='M20,8L12,13L4,8V6L12,11L20,6M20,4H4C2.89,4 2,4.89 2,6V18A2,2 0 0,0 4,20H20A2,2 0 0,0 22,18V6C22,4.89 21.1,4 20,4Z' fill='%23717171'></path></svg>") no-repeat
}

.fbe form .fbe-address {
    border: 0;
    outline: 0;
    font-size: 15px;
    width: calc(100% - 110px);
    background: transparent;
    display: block;
    padding-bottom: 2px
}

.fbe form .fbe-submit {
    display: inline-block;
    width: 35px;
    height: 35px;
    line-height: 45px;
    background: #008c5f;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 2px;
    border: 0;
    border-radius: 0 50px 50px 0;
    cursor: pointer
}

.fbe-social {
    display: table;
    max-width: 100%;
    margin: auto
}

.fbe-social a {
    text-decoration: none;
    cursor: pointer
}

.fbe-social a:hover i {
    -webkit-transition: 0.3s ease;
    transition: 0.3s ease;
    -webkit-transform: scale(1.2) translateY(-10px);
    transform: scale(1.2) translateY(-10px)
}

.fbe-social a i {
    text-align: center;
    display: inline-block;
    border-radius: 30px;
    background: #ccc;
    margin: 0 7px;
    width: 35px;
    line-height: 35px;
    height: 35px;
    color: #fff;
    -webkit-box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.4);
    box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.4)
}

.fbe-social a i.f-facebook {
    background: #3b5998
}

.fbe-social a i.f-twitter {
    background: #1da1f2
}

.fbe-social a i.f-linkedin {
    background: #0077b5
}

.fbe-social a i.f-youtube {
    background: #ff0000
}

.fbe-social a i.f-instagram {
    background: #833ab4
}</style>