.card-title {

color: rgba(0, 0, 0, 0.87);

}

.card-hoverable {

position: relative; /* For positioning the pseudo-element */
box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);

.post-link-hidden {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

}

.card-hoverable::before {

/* Position the pseudo-element. */
content: ' ';
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;

/* Create the box shadow at expanded size. */
box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.5);

/* Hidden by default. */
opacity: 0;
transition: opacity 500ms;

}

.card-hoverable:hover::before {

/* Show the pseudo-element on hover. */
cursor: pointer;
opacity: 1;

}

.btn-floating {

background-color: var(--secondary-color);

}

.nested-btn {

width: 36px !important;
height: 22px !important;
margin-top: 8px;

}

a.post-link {

text-decoration: none;
position: relative;

}

.card-content {

background-color: var(--card-color);

.card-title {
  color: var(--main-text-color);
}

.post-description {
  color: var(--main-text-color) !important;
}

}