.is-editor-view.has-position-left,
.has-position-left .wp-element-button {
position: relative;
&:before {
position: relative;
z-index: 1;
display: none;
width: 1.2em;
height: 1.2em;
margin-right: 0.5em;
content: "";
opacity: 1;
background-color: currentColor;
mask-repeat: no-repeat;
mask-size: 100%;
mask-position: center;
filter: none;
inset-inline: inherit;
inset-block: inherit;
}
}
.is-editor-view.has-position-right,
.has-position-right .wp-element-button {
position: relative;
&:after {
position: relative;
z-index: 1;
display: none;
width: 1.2em;
height: 1.2em;
margin-left: 0.5em;
content: "";
opacity: 1;
background-color: currentColor;
mask-repeat: no-repeat;
mask-size: 100%;
mask-position: center;
filter: none;
inset-inline: inherit;
inset-block: inherit;
}
}
.is-editor-view.has-icon-insta,
.has-icon-insta .wp-element-button {
&:before,
&:after {
display: inherit;
mask-image: url('data:image/svg+xml,');
}
}
.is-editor-view.has-icon-facebook,
.has-icon-facebook .wp-element-button {
&:before,
&:after {
display: inherit;
mask-image: url('data:image/svg+xml,');
}
}
.is-editor-view.has-icon-twitter,
.has-icon-twitter .wp-element-button {
&:before,
&:after {
display: inherit;
mask-image: url('data:image/svg+xml,');
}
}
.is-editor-view.has-icon-linkedin,
.has-icon-linkedin .wp-element-button {
&:before,
&:after {
display: inherit;
mask-image: url('data:image/svg+xml,');
}
}
.is-editor-view.has-icon-phone,
.has-icon-phone .wp-element-button {
&:before,
&:after {
display: inherit;
mask-image: url('data:image/svg+xml,');
}
}
.is-editor-view.has-icon-email,
.has-icon-email .wp-element-button {
&:before,
&:after {
display: inherit;
mask-image: url('data:image/svg+xml,');
}
}