.ch12-gitlab-provider {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 11px !important;
  overflow: hidden !important;

  border:
    1.5px solid rgba(252, 109, 38, 0.82)
    !important;

  color: #fff8ef !important;

  background:
    radial-gradient(
      circle at 8% 50%,
      rgba(252, 109, 38, 0.30),
      transparent 40%
    ),
    linear-gradient(
      110deg,
      rgba(83, 31, 76, 0.92),
      rgba(41, 19, 56, 0.96)
    ) !important;

  box-shadow:
    inset 4px 0 0 #fc6d26,
    inset 0 0 22px rgba(252, 109, 38, 0.10),
    0 0 22px rgba(252, 109, 38, 0.20),
    0 9px 24px rgba(0, 0, 0, 0.24)
    !important;
}

.ch12-gitlab-provider::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 46%;
  height: 100%;
  pointer-events: none;

  background:
    linear-gradient(
      110deg,
      transparent,
      rgba(155, 108, 255, 0.14)
    );
}

.ch12-gitlab-provider:hover,
.ch12-gitlab-provider:focus-visible {
  border-color: #ff9b65 !important;

  background:
    radial-gradient(
      circle at 10% 50%,
      rgba(252, 109, 38, 0.42),
      transparent 45%
    ),
    linear-gradient(
      110deg,
      rgba(105, 37, 81, 0.98),
      rgba(54, 22, 75, 0.98)
    ) !important;

  box-shadow:
    inset 4px 0 0 #fca326,
    0 0 30px rgba(252, 109, 38, 0.34),
    0 12px 30px rgba(0, 0, 0, 0.30)
    !important;
}

.ch12-gitlab-inline-mark {
  position: relative;
  z-index: 1;
  display: inline-flex;
  width: 23px;
  height: 23px;
  flex: 0 0 23px;
  filter:
    drop-shadow(
      0 0 7px rgba(252, 109, 38, 0.42)
    );
}

.ch12-gitlab-inline-mark svg {
  display: block;
  width: 100%;
  height: 100%;
}

.ch12-gitlab-provider > * {
  position: relative;
  z-index: 1;
}