.press-effect {
  transition-property: transform, box-shadow, background-color;
  transition-duration: 0.3s;
  box-shadow: var(--shadow-initial);

  &:active,
  &.activated {
    transform: translateY(5%);
    box-shadow: var(--shadow-pressed);
    font-weight: bold;
  }
}