@use "shadows";


app-main-button {
  button {
    background: shadows.$primary-color;
    color: shadows.$neutral-white;
    border-radius: shadows.$radius-main;
    padding: 1rem 2rem;
    cursor: pointer;
    transition: all 0.25s ease;
    border: 0;
    width: 100%;
    margin-top: 8px;

    i {
      margin-right: 1rem;
    }

    &:hover, &:active, &:focus {
      background: shadows.$main-bg-color-active;
      color: shadows.$main-color-active;
      transition: all 0.25s ease;
    }

  }

}
