.portlet-profile .shortcuts {
  margin-top: 30px; }
  .portlet-profile .shortcuts a {
    font-size: 1.4em;
    display: flex;
    color: #444;
    margin-bottom: 20px;
    align-items: center; }
    .portlet-profile .shortcuts a i {
      font-size: 1.4em;
      padding: 0.5em;
      width: 3em;
      height: 3em;
      text-align: center;
      flex-grow: 0;
      flex-shrink: 0;
      border-radius: 6em;
      background: #f7f7f7;
      display: inline-flex;
      justify-content: center;
      align-items: center;
      transition: all 0.3s ease-in-out; }
    .portlet-profile .shortcuts a .text {
      flex-grow: 1;
      flex-shrink: 1;
      margin: 0 0.8em;
      display: flex;
      flex-direction: column;
      align-content: space-around; }
      .portlet-profile .shortcuts a .text span {
        display: inline-block;
        width: 100%; }
    .portlet-profile .shortcuts a span.subtitle {
      font-size: 0.7em;
      color: #999; }
    .portlet-profile .shortcuts a i:before {
      transition: transform 0.3s ease-out; }
    .portlet-profile .shortcuts a:hover {
      color: #222; }
      .portlet-profile .shortcuts a:hover i {
        background: #eee; }
        .portlet-profile .shortcuts a:hover i:before {
          transform: scale(1.4) rotate(5deg); }
      .portlet-profile .shortcuts a:hover .text .subtitle {
        color: #666; }

@media (max-width: 767px) {
  .portlet-profile .shortcuts {
    font-size: 0.9em; } }