body {
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  font-variant-ligatures: common-ligatures;
}

.w-webflow-badge {
  display: none !important;
  visibility: hidden !important;
}

.sleep {
  display: none;
  width: 16px;
  height: 16px;
  margin-bottom: 2px;
}

.cv__link {
  height: 100% !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

*,
*:before,
*:after {
  box-sizing: border-box;
  position: relative;
}

.action__section {
  z-index: 1000;
  margin-bottom: 2vh;
}

.feature {
  --x-px: calc(var(--x) * 1px);
  --y-px: calc(var(--y) * 1px);
  --border: 2px;
  background: rgba(255, 255, 255, 0.125);
  overflow: hidden;

  &:before,
  &:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    inset: 0px;
    border-radius: inherit;
    background: radial-gradient(
      800px circle at var(--x-px) var(--y-px),
      rgba(255, 255, 255, 0.2),
      transparent 20%
    );
  }

  &:before {
    z-index: 1;
  }

  &:after {
    opacity: 0;
    z-index: 2;
    transition: opacity 0.4s ease;
  }

  &:hover:after {
    opacity: 1;
  }
}