@import '../../../assets/scss/mixins.scss';

.btn {
  display: flex;
  align-items: center;
  cursor: pointer;
  background-color: var(--bg-amber-400);
  border: 1px solid var(--black-secondory);
  border-radius: 24px;
  padding-left: 8px;
  margin: 0 12px;
  min-width: 96px;
  &.secondary {
    background-color: var(--white-primary);
  }
  .icon {
    width: 24px;
    height: 24px;
    padding: 8px;
  }
  .text {
    @include desktop() {
      font-size: var(--h3-md);
    }
    @include tablet() {
      font-size: var(--h3-sm);
    }
    @include mobile() {
      font-size: var(--h3-xs);
    }
    padding: 12px 12px 12px 0px;
  }
}