@import url("ActionMoreButton.css");

.action-more-btn {
  background-color: #2f4d29;
}

.action-more-btn[variant="ngd"] {
  background-color: white;
  border-style: none;
  padding-left: 1em;
  padding-right: 1em;
}

.action-more-btn[variant="ngd"] span {
  color: #2f4d29;
  margin-bottom: 2px;
  z-index: 1;
  text-wrap: nowrap;
}

.action-more-btn[variant="ngd"] svg {
  width: 27px;
  height: 27px;
  margin-left: 1em;
  transform: rotate(180deg);
  z-index: 1;
}

.action-more-btn[variant="ngd"] .cls-1 {
  stroke: #2f4d29;
}

.action-more-btn[variant="ngd-small"] {
  background-color: white;
  border-style: none;
  padding-left: 1em;
  padding-right: 0.5em;
  padding-top: 0.3em;
  padding-bottom: 0.3em;
}

.action-more-btn[variant="ngd-small"] span {
  color: #2f4d29;
  margin-bottom: 2px;
  z-index: 1;
  text-wrap: nowrap;
}

.action-more-btn[variant="ngd-small"] svg {
  width: 16px;
  height: 16px;
  margin-left: 0.5em;
  transform: rotate(180deg);
  z-index: 1;
}

.action-more-btn[variant="ngd-small"] .cls-1 {
  stroke: #2f4d29;
}

.action-more-btn[variant="home"] {
  background-color: var(--palette-color-1);
  border-style: none;
  padding-left: 1em;
  padding-right: 1em;
}

.action-more-btn[variant="home"] span {
  color: var(--theme-txt-color-iv);
  margin-bottom: 2px;
  z-index: 1;
  text-wrap: nowrap;
}

.action-more-btn[variant="home"] svg {
  width: 27px;
  height: 27px;
  margin-left: 1em;
  transform: rotate(180deg);
  z-index: 1;
}