.ed-button {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--primary);
  &.inline {
    transition: all 0.3s ease;
    border-radius: 30px;
    background-color: transparent;
    border: 2px solid rgba(var(--button-color), 1);
    text-transform: uppercase;
    color: rgba(var(--button-color), 1);
    &:hover {
      border: 2px solid rgba(var(--button-color), 0.8);
      box-shadow: 0 2px 6px rgba(var(--button-color), 0.4);
    }
  }
}