ConvertKit Signup Form Social Icons integration

socials.css

a[href^="https://socialscri.be/to/"] {
    font-family: "Inter", Arial, Verdana, sans-serif;
    text-rendering: geometricPrecision;
    font-weight: bold;
    background-color: white !important;
    color: black !important;
    font-size: 14px !important;
}

a[href="https://socialscri.be/to/the-bootstrapped-founder/with/twitter"] {
    border-color:#e3e3e3!important;
    padding:10px 16px!important;
}
a[href="https://socialscri.be/to/the-bootstrapped-founder/with/twitter"]::before {
    content: '';
    margin-right: 6px;
    width: 1.0em;
    height: 1.0em;
    padding: 4px 0;
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' id='Logo' x='0px' y='0px' viewBox='0 0 248 204' style='enable-background:new 0 0 248 204;' xml:space='preserve'%3E%3Cscript xmlns=''/%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%231D9BF0;%7D%0A%3C/style%3E%3Cg id='Logo_1_'%3E%3Cpath id='white_background' class='st0' d='M221.95,51.29c0.15,2.17,0.15,4.34,0.15,6.53c0,66.73-50.8,143.69-143.69,143.69v-0.04 C50.97,201.51,24.1,193.65,1,178.83c3.99,0.48,8,0.72,12.02,0.73c22.74,0.02,44.83-7.61,62.72-21.66 c-21.61-0.41-40.56-14.5-47.18-35.07c7.57,1.46,15.37,1.16,22.8-0.87C27.8,117.2,10.85,96.5,10.85,72.46c0-0.22,0-0.43,0-0.64 c7.02,3.91,14.88,6.08,22.92,6.32C11.58,63.31,4.74,33.79,18.14,10.71c25.64,31.55,63.47,50.73,104.08,52.76 c-4.07-17.54,1.49-35.92,14.61-48.25c20.34-19.12,52.33-18.14,71.45,2.19c11.31-2.23,22.15-6.38,32.07-12.26 c-3.77,11.69-11.66,21.62-22.2,27.93c10.01-1.18,19.79-3.86,29-7.95C240.37,35.29,231.83,44.14,221.95,51.29z'/%3E%3C/g%3E%3C/svg%3E");
    vertical-align: middle;
}
a[href="https://socialscri.be/to/the-bootstrapped-founder/with/google"] {
    border-color:#e3e3e3!important;
    margin-bottom:10px!important;
}
a[href="https://socialscri.be/to/the-bootstrapped-founder/with/google"]::before {
    content: '';
    width: 1.2em;
    height: 1.2em;
    margin-right: 6px;
    margin-left:-3px;
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 48 48' fill='none'%3E%3Cscript xmlns=''/%3E%3Cpath fill='none' d='M0 0h48v48H0z'/%3E%3Cpath d='M39.057 24.353c0-1.315-.106-2.275-.335-3.27H23.845v5.937h8.733c-.176 1.475-1.127 3.697-3.24 5.19l-.03.199 4.705 3.679.326.033c2.992-2.791 4.718-6.897 4.718-11.768z' fill='%234285F4'/%3E%3Cpath d='M23.845 39.996c4.278 0 7.87-1.422 10.493-3.875l-5-3.911c-1.338.942-3.134 1.6-5.493 1.6-4.19 0-7.746-2.79-9.014-6.648l-.186.016L9.754 31l-.064.18c2.606 5.225 7.958 8.816 14.155 8.816z' fill='%2334A853'/%3E%3Cpath d='M14.831 27.162a9.935 9.935 0 0 1-.528-3.164c0-1.102.193-2.169.51-3.164l-.008-.212-4.953-3.883-.162.078A16.139 16.139 0 0 0 8 23.997c0 2.578.616 5.014 1.69 7.182l5.141-4.017z' fill='%23FBBC05'/%3E%3Cpath d='M23.845 14.186c2.975 0 4.983 1.297 6.127 2.382l4.472-4.409C31.697 9.582 28.124 8 23.845 8c-6.197 0-11.55 3.59-14.155 8.817l5.123 4.017c1.286-3.857 4.842-6.648 9.032-6.648z' fill='%23EB4335'/%3E%3C/svg%3E");
    vertical-align: text-top;
}