.btn--add-summary {
  display: block;
  width: 100%;
  padding: 14px 28px;
  font-size: 16px;
  cursor: pointer;
  text-align: center;
  border: 1px dashed rgba(66,40,196,0.2);
  border-radius: 6px;
  color: #4228C4;
  font-family: "PT Sans", serif;
  font-weight: bold;
  letter-spacing: 0.3px;
  background-color: #f2f1f4;
  margin-bottom: 20px;
  transition: background-color 0.2s ease;
  &:hover {
    border: 1px solid #4228C4;
    background-color: #FFFFFF;
    transition: background-color 0.2s ease;
  }
}