.events--component {
  .event--container {
    border-top: 1px solid #eee;

    .event {
      padding: $sm-space 0;

      .event--info {
        time,
        p {
          font-size: 16px;
          line-height: 19px;
        }
      }
    }
  }
}

.calendar--page {
  .calendarpage--location {
    p {
      font-family: "Lato Bold";
      margin-bottom: 10px;
    }
  }

  .calendarpage--time {
    p {
      font-family: "Lato Bold";
      margin-bottom: 10px;
    }
  }

  .spin {
    transform: rotate(360);
  }

  .button-small {
    cursor: pointer;

    p {
      margin-bottom: 0px;
    }

    .material-icons {
      margin-bottom: 0px;
      animation-name: spin;
      animation-duration: 1000ms;
      animation-iteration-count: infinite;
      animation-timing-function: linear;
    }
  }

  [v-cloak] {
    display: none;
  }

  @keyframes spin {
    from {
      transform: rotate(0deg);
    }

    to {
      transform: rotate(360deg);
    }
  }
}