zitadel

1
.tile {
2
  position: relative;
3
  margin: 0.5rem;
4
  border-radius: 0.5rem;
5
  display: flex;
6
  flex-direction: column;
7
  align-items: center;
8
  min-width: 230px;
9
  background: var(--card-background);
10
  padding: 0.1rem;
11
  text-align: center;
12
  text-decoration: none;
13
  transition: all 0.2s ease-in-out;
14
  border: 1px solid var(--card-border);
15
  overflow: hidden;
16
  text-decoration: none;
17
}
18

19
.tile h4 {
20
  margin-top: 0.5rem;
21
  margin-bottom: 0;
22
  text-decoration: none;
23
}
24

25
.tile:hover {
26
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1),
27
    0 2px 4px -1px rgba(0, 0, 0, 0.06);
28
  cursor: pointer;
29
  text-decoration: none !important;
30
  border-color: var(--card-border-hover);
31
}
32

33
.tile p {
34
  font-size: 14px;
35
  margin: 0;
36
  color: var(--ifm-font-color-base);
37
}
38

39
.tile img {
40
  display: block;
41
  width: auto;
42
  height: 60px;
43
  background-size: cover;
44
  object-fit: contain;
45
  background-position: center;
46
  pointer-events: none;
47
  box-shadow: none !important;
48
  margin: 0 auto;
49
}
50

51
.external {
52
  position: absolute;
53
  top: -1rem;
54
  right: -1rem;
55
  border-radius: 50vw;
56
  padding: 1rem;
57
  height: 4rem;
58
  width: 4rem;
59
  display: flex;
60
  align-items: center;
61
  justify-content: center;
62
  border: 1px solid var(--card-border);
63
  background: #ffffff20;
64
}
65

66
.external i {
67
  margin-bottom: -0.5rem;
68
  margin-left: -0.5rem;
69
}
70