.csmf-icon,
.csmf-logo::after {
  display: inline-block;
  vertical-align: middle;
}
.csmf-icon,
.csmf-logo::after,
.elementor-panel .elementor-element .icon .csmf::after {
  background-image: var(--csmf-logo-image);
  background-position: center center;
  background-size: cover;
}
:root {
  --csmf-logo-image: url("../images/csmf.png");
}
.elementor-panel .elementor-element .icon .csmf::after {
  content: "";
  position: absolute;
  top: 10px;
  right: 10px;
  width: 18px;
  height: 18px;
  filter: grayscale(1);
  transition: 0.3s;
  opacity: 0.3;
}
.elementor-panel .elementor-element:hover .icon .csmf::after {
  filter: grayscale(0);
  opacity: 1;
  transform: scale(1.1);
}
.csmf-logo::after {
  content: "";
  width: 16px;
  height: 16px;
}
.elementor-panel :is(.elementor-panel-menu-item)[class*="elementor-panel-menu-item-settings-csmf-"] {
  position: relative;
}
.elementor-panel :is(.elementor-panel-menu-item)[class*="elementor-panel-menu-item-settings-csmf-"]:after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 16px;
  height: 16px;
  background-image: var(--csmf-logo-image);
  background-position: center center;
  background-size: cover;
  position: absolute;
  top: 50%;
  inset-inline-end: 1em;
  transform: translateY(-50%);
}
.csmf-icon {
  position: absolute;
  right: 15px;
  width: 20px;
  height: 20px;
}
