1.project-board {
 2  margin-top: calc(#{$global-font-size} * 2);
 3  display: grid;
 4  grid-template-columns: 1fr;
 5  grid-template-rows: auto;
 6  grid-gap: 20px;
 7  max-width: $layout-max-width;
 8}
 9
10.card {
11  min-height: 100%;
12  position: relative;
13  display: flex;
14  flex-direction: column;
15  text-decoration: none;
16  $border-width: 3px;
17  border-radius: $border-width;
18  border: 1px solid $post-link-color;
19}
20
21.card article {
22  padding: 20px;
23}
24
25.card h4 {
26  font-size: 20px;
27  margin: 0;
28}
29
30.card p {
31  color: $subscript-color;
32  line-height: 1.4;
33}
34
35.custom-card-footer {
36  display: flex;
37  justify-content: flex-end;
38}
39
40.custom-button {
41    font-size: $global-font-size;
42    font-weight: 400;
43    margin: 0 calc(#{$global-font-size} * 0.5);
44    padding: calc(#{$global-font-size} * 0.2) calc(#{$global-font-size} * 0.5);
45    $border-width: 3px;
46    border-radius: $border-width;
47    border: 1px solid $subscript-color;
48    color: $post-link-color;
49    background-color: transparent;
50    cursor: pointer;
51    //transition: border .3s;
52    transition: color .3s;
53}
54
55.custom-button-disabled {
56  cursor: no-drop;
57}
58
59.custom-button:hover {
60    border: 1px solid $post-link-color;
61    //background-color: $post-link-color;
62    color: $post-title-color;
63}