.social__btn_wrap {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    z-index: 1;
}

.social__btn {
    position: relative;
}

.social__btn-content {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 0;
    border-radius: var(--bt--button-radius);
    transition: background .15s;
    overflow: hidden;
    z-index: 1;
    cursor: pointer;
}

.social__btn-content svg {
    width: 24px;
    height: 24px;
}

.social__btn .social__btn-background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: inherit;
    overflow: hidden;
    transition: background-color .15s;
}

.social__btn .social__btn-background::before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: inherit;
}

.social__btn .social__btn-background::after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: inherit;
}

[bt-opt-button-style="fill"] .social__btn-content:hover .social__btn-background {
    background-color: rgba(0,0,0,.1);
}

[bt-opt-button-style="stroke"][bt-opt-format-background="selected"] .social__btn-content .social__btn-background::before,
[bt-opt-button-style="stroke"][bt-opt-format-background="active"] .social__btn-content .social__btn-background::before {
    background-color: var(--bt--button-border-color);
    opacity: 0;
}

[bt-opt-button-style="stroke"][bt-opt-format-background="brand"] .social__btn-content .social__btn-background::before {
    background-color: var(--color--service);
    opacity: 0;
}

[bt-opt-button-style="stroke"][bt-opt-format-background="selected"] .social__btn-content:hover .social__btn-background::before,
[bt-opt-button-style="stroke"][bt-opt-format-background="brand"] .social__btn-content:hover .social__btn-background::before,
[bt-opt-button-style="stroke"][bt-opt-format-background="active"] .social__btn-content:hover .social__btn-background::before {
    opacity: .3;
}

.social__btn .social__btn-background::before {
    z-index: -2;
    transition: opacity .15s;
}


.social__btn .social__btn-background::after {
    z-index: -1;
}

[bt-template="template1"] .social__btn-content {
    height: 62px;
    width: 62px;
    justify-content: center;
}

[bt-template="template2"] .social__btn-content {
    min-height: 62px;
}

[bt-template="template3"] .social__btn-content {
    height: 62px;
    min-width: 62px;
    justify-content: center;
}

[bt-template="template3"] .social__btn_wrap {
    width: calc(100% + 8px);
    margin-left: -4px;
    margin-bottom: -12px;
}

[bt-template="template3"] .social__btn {
    min-width: 62px;
    flex-grow: 1;
    margin-bottom: 12px;
    padding: 0 4px;
}

[bt-template="template1"] .social__btn {
    margin-right: 8px;
    margin-bottom: 12px;
}

[bt-template="template1"] .social__btn:last-child {
    margin-right: 0;
}

[bt-template="template2"] .social__btn {
    margin-bottom: 8px;
    width: 100%;
}

[bt-template="template2"] .social__btn:last-child {
    margin-bottom: 0;
}

.social__btn-content .social__content-label  {
    font-size: 18px;
    line-height: 25px;
    font-weight: 600;
    padding: 0 16px;
    width: calc(100% - 88px);
    display: flex;
    justify-content: center;
}

.social__btn-content .social__arrow-right {
    display: flex;
    flex-shrink: 0;
    right: 20px;
}

.social__btn-content .social__social-icon {
    display: flex;
    flex-shrink: 0;
}

[bt-template="template2"] .social__btn-content .social__social-icon {
    left: 20px;
}

[bt-opt-format-background="brand"] .social__btn-content.instagram {
    --color--gradient-service: linear-gradient(206.57deg, #9E42B4 8.33%, #9E42B4 13.92%, #E5566F 47.75%, #FDC76D 91.67%);
}
[bt-opt-format-background="brand"] .social__btn-content.flickr {
    --color--gradient-service: linear-gradient(45deg, #006ADD 0%, #FF1981 100%);
}

[bt-opt-button-style="fill"][bt-opt-format-background="brand"] .social__btn-content.instagram .social__btn-background::before {background: var(--color--gradient-service);}
[bt-opt-button-style="fill"][bt-opt-format-background="brand"] .social__btn-content.instagram .social__btn-background::after {box-shadow: inset 0 0 0 var(--bt--button-border-width) var(--color--gradient-service);}
[bt-opt-button-style="fill"][bt-opt-format-background="brand"] .social__btn-content.flickr .social__btn-background::before {background: var(--color--gradient-service);}
[bt-opt-button-style="fill"][bt-opt-format-background="brand"] .social__btn-content.flickr .social__btn-background::after {box-shadow: inset 0 0 0 var(--bt--button-border-width) var(--color--gradient-service);}

[bt-opt-format-background="brand"] .form_sortable-el .social__btn-content { background-color: var(--color--service); }
[bt-opt-format-background="brand"] .form_sortable-el .social__btn-content svg{ fill: #fff; }

[bt-opt-format-background="brand"] .form_sortable-el .social__btn-content.instagram,
[bt-opt-format-background="brand"] .form_sortable-el .social__btn-content.flickr {
    background: var(--color--gradient-service);
}

[bt-template="template1"] .social__btn-content.telegram svg {
    right: 1px;
}
[bt-template="template1"].social__btn-content.viber svg,
[bt-template="template1"].social__btn-content.sworkit svg,
[bt-template="template1"].social__btn-content.google_play svg,
[bt-template="template1"].social__btn-content.five_hundred_px svg {
    left: 1px;
}
[bt-template="template1"].social__btn-content.nike_training_club svg {
    left: 3px;
}
[bt-template="template1"].form_inputs-wrapper .social__btn-content.apple_music svg,
[bt-template="template1"].form_inputs-wrapper .social__btn-content.telegram svg {
    position: relative;
    right: 1px;
}
[bt-template="template1"].form_inputs-wrapper .social__btn-content.behance svg {
    position: relative;
    bottom: 1px;
}
[bt-template="template1"].form_inputs-wrapper .social__btn-content.google_play svg,
[bt-template="template1"].form_inputs-wrapper .social__btn-content.viber svg {
    position: relative;
    left: 1px;
}
[bt-template="template1"].form_inputs-wrapper .social__btn-content.nike_training_club svg {
    position: relative;
    left: 2px;
}

[bt-opt-button-style="stroke"][bt-opt-format-background="active"] .social__btn-content {
    fill: var(--bt--button-background);
    color: var(--bt--button-background);
}

[bt-opt-button-style="stroke"][bt-opt-format-background="active"] .social__btn-content .social__btn-background::after {
    box-shadow: inset 0 0 0 var(--bt--button-border-width) var(--bt--button-background);
}

[bt-opt-button-style="stroke"][bt-opt-format-background="selected"] .social__btn-content {
    fill: var(--bt--button-border-color);
    color: var(--bt--button-border-color);
}

[bt-opt-button-style="stroke"][bt-opt-format-background="selected"] .social__btn-content .social__btn-background::after {
    box-shadow: inset 0 0 0 var(--bt--button-border-width) var(--bt--button-border-color);
}

[bt-opt-button-style="stroke"][bt-opt-format-background="brand"] .social__btn-content {
    fill: var(--color--service);
    color: var(--color--service);
}

[bt-opt-button-style="stroke"][bt-opt-format-background="brand"] .social__btn-content .social__btn-background::after {
    box-shadow: inset 0 0 0 var(--bt--button-border-width) var(--color--service);
}

[bt-opt-button-style="stroke"] .social__btn-content .social__btn-background::before {
    background-color: #fff;
}

[bt-opt-button-style="fill"][bt-opt-format-background="brand"] .social__btn-content * {
    fill: #fff;
    color: #fff;
}

[bt-opt-button-style="fill"] .social__btn-content * {
    fill: var(--bt--button-color);
    color: var(--bt--button-color);
}

[bt-opt-button-style="fill"][bt-opt-format-background="active"] .social__btn-content .social__btn-background::before {
    background-color: var(--bt--button-background);
}

[bt-opt-button-style="fill"][bt-opt-format-background="active"] .social__btn-content .social__btn-background::after {
    box-shadow: inset 0 0 0 var(--bt--button-border-width) var(--bt--button-border-color);
}

[bt-opt-button-style="fill"][bt-opt-format-background="brand"] .social__btn-content .social__btn-background::before {
    background-color: var(--color--service);
}

[bt-opt-button-style="fill"][bt-opt-format-background="brand"] .social__btn-content .social__btn-background::after {
    box-shadow: inset 0 0 0 var(--bt--button-border-width) transparent;
}

[bt-opt-button-style="fill"][bt-opt-format-background="selected"] .social__btn-content .social__btn-background::before {
    background-color: var(--bt--button-background);
}

[bt-opt-button-style="fill"][bt-opt-format-background="selected"] .social__btn-content .social__btn-background::after {
    box-shadow: inset 0 0 0 var(--bt--button-border-width) var(--bt--button-border-color);
}