/* Agency Doki: Yasin projesindeki özgün tasarım imzası. */
.ck-doki-credit {
  display: flex;
  flex: 1 0 100%;
  justify-content: flex-end;
  width: 100%;
  min-width: 0;
  max-width: 100%;
  margin-top: 20px;
  padding-right: 130px;
  box-sizing: border-box;
  font-family: Archivo, Arial, sans-serif;
}
.ck-doki-footer {
  padding: 0 clamp(16px, 4vw, 64px) 28px;
}
.ck-doki-credit .doki-signature {
  width: max-content;
  max-width: 100%;
  box-sizing: border-box;
  direction: ltr;
  position: relative;
  isolation: isolate;
  display: inline-flex;
  min-height: 42px;
  align-items: center;
  gap: .65rem;
  overflow: hidden;
  padding: .42rem .8rem .42rem .48rem;
  border: 1px solid rgba(196, 210, 229, .62);
  border-left-color: rgba(238, 79, 141, .72);
  background:
    linear-gradient(112deg, rgba(238, 79, 141, .08), transparent 34%),
    linear-gradient(145deg, #111b2a 0%, #050b14 100%);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .06), 0 10px 24px -18px rgba(5, 11, 20, .9);
  color: #d9e1ee;
  clip-path: polygon(16px 0, 100% 0, 100% calc(100% - 9px), calc(100% - 9px) 100%, 0 100%, 0 16px);
  text-decoration: none;
  transition: transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease;
}
.ck-doki-credit .doki-signature::before {
  position: absolute;
  z-index: -1;
  inset: 0 auto auto 0;
  width: 26px;
  height: 1px;
  background: #ee4f8d;
  box-shadow: 0 0 12px rgba(238, 79, 141, .7);
  content: '';
}
.ck-doki-credit .doki-signature__logo {
  display: grid;
  width: 29px;
  height: 29px;
  flex: 0 0 auto;
  place-items: center;
  overflow: hidden;
  border-radius: 7px;
  box-shadow: 0 0 0 1px rgba(217, 225, 238, .1);
}
.ck-doki-credit .doki-signature__logo img {
  display: block;
  width: 100%;
  height: 100%;
}
.ck-doki-credit .doki-signature__copy {
  display: inline-flex;
  align-items: baseline;
  gap: .55rem;
  white-space: nowrap;
  line-height: 1;
}
.ck-doki-credit .doki-signature__copy span {
  color: #aab8ca;
  font-size: .67rem;
  font-weight: 500;
  letter-spacing: .01em;
}
.ck-doki-credit .doki-signature__copy strong {
  color: #f7f9ff;
  font-size: .9rem;
  font-weight: 800;
  letter-spacing: -.07em;
}
.ck-doki-credit .doki-signature__arrow {
  width: 15px;
  height: 15px;
  flex: 0 0 auto;
  color: #d9e1ee;
  stroke-width: 1.6;
  transition: color 180ms ease, transform 180ms ease;
}
@media (hover: hover) {
  .ck-doki-credit .doki-signature:hover {
    transform: translateY(-2px);
    border-color: rgba(217, 225, 238, .9);
    border-left-color: #ee4f8d;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08), 0 14px 30px -18px rgba(5, 11, 20, .95), 0 0 18px -12px rgba(238, 79, 141, .8);
  }
  .ck-doki-credit .doki-signature:hover .doki-signature__arrow {
    color: #ee4f8d;
    transform: translate(2px, -2px);
  }
}
.ck-doki-credit .doki-signature:focus-visible {
  outline: 2px solid #ee4f8d;
  outline-offset: -3px;
}
@media (max-width: 600px) {
  .ck-doki-credit { justify-content: flex-start; padding-right: 0; }
}
@media (max-width: 420px) {
  .ck-doki-credit .doki-signature__copy span { display: none; }
}
@media (prefers-reduced-motion: reduce) {
  .ck-doki-credit .doki-signature,
  .ck-doki-credit .doki-signature__arrow { transition: none; }
  .ck-doki-credit .doki-signature:hover,
  .ck-doki-credit .doki-signature:hover .doki-signature__arrow { transform: none; }
}