.categories .category-card{
  display:flex;
  min-width:0;
  flex-direction:column;
  align-items:flex-start;
}

.categories .category-icon.category-art{
  position:relative;
  width:62px;
  height:62px;
  margin:0 0 12px;
  overflow:hidden;
  border:1px solid rgba(198,214,237,.82);
  border-radius:18px;
  background:#fff;
  box-shadow:
    0 10px 24px rgba(27,63,112,.12),
    inset 0 0 0 1px rgba(255,255,255,.88);
  isolation:isolate;
  transition:transform .28s ease,box-shadow .28s ease;
}

.categories .category-icon.category-art::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  background:linear-gradient(120deg,transparent 18%,rgba(255,255,255,.72) 45%,transparent 66%);
  transform:translateX(-140%);
  transition:transform .6s ease;
  pointer-events:none;
}

.categories .category-icon.category-art img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  transform:scale(1.04);
  transition:transform .32s ease;
}

.categories .category-card:hover .category-art,
.categories .category-card:focus-visible .category-art{
  transform:translateY(-2px);
  box-shadow:
    0 14px 30px rgba(52,120,246,.18),
    0 0 0 3px rgba(52,120,246,.08);
}

.categories .category-card:hover .category-art::after,
.categories .category-card:focus-visible .category-art::after{
  transform:translateX(140%);
}

.categories .category-card:hover .category-art img,
.categories .category-card:focus-visible .category-art img{
  transform:scale(1.09);
}

@media(max-width:560px){
  .categories .category-icon.category-art{
    width:54px;
    height:54px;
    margin-bottom:10px;
    border-radius:16px;
  }
}

@media(prefers-reduced-motion:reduce){
  .categories .category-icon.category-art,
  .categories .category-icon.category-art::after,
  .categories .category-icon.category-art img{
    transition:none;
  }
}