.calendar-buttons {
    display: flex;
    flex-direction: column;
    gap: 0.8rem;
    margin-top: 1rem;
  }
  .calendar-button {
    padding: 0.8rem 1rem;
    border: none;
    border-radius: 6px;
    color: #fff;
    font-size: 1rem;
    cursor: pointer;
    text-decoration: none;
    transition: 0.2s;
    width: fit-content;
  }
  .google { background-color: #4285F4; }
  .google:hover { background-color: #3367D6; }
  .outlook { background-color: #0072C6; }
  .outlook:hover { background-color: #005A9E; }
  .apple { background-color: #000; }
  .apple:hover { background-color: #333; }
  .thunderbird { background-color: #FF9400; }
  .thunderbird:hover { background-color: #CC7A00; }
  .yahoo { background-color: #720e9e; }
  .yahoo:hover { background-color: #4d0770; }
  .android { background-color: #3ddc84; color: #000; }
  .android:hover { background-color: #32b370; }
  .fantastical { background-color: #ff3b30; }
  .fantastical:hover { background-color: #cc2f25; }