a.rlp-link-button__root {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  text-decoration: none;
  white-space: nowrap;

  &.theme-primary {
    background: #E50051;
    color: #FFFFFF;
    &:hover {
      opacity: 0.5;
    }
    * {
      color: #FFFFFF;
    }
  }

  &.theme-primary-outline {
    background: #FFFFFF;
    color: #E50051;
    border: calc(1 * var(--as1Px)) solid #E50051;

    &:hover {
      opacity: 0.5;
    }
    &:disabled, &[disabled] {
      opacity: 0.5;
      color: #B7B7B7;
      border: calc(1 * var(--as1Px)) solid #B7B7B7;
    }
    * {
      color: #E50051;
    }
  }

  &.theme-secondary {
    background: #FFD900;
    color: #000000;
    &:hover {
      opacity: 0.5;
    }
    * {
      color: #000000;
    }
  }

  &.size-normal {
    font-family: 'Noto Sans JP';
    font-style: normal;
    font-weight: 700;
    font-size: calc(16 * var(--as1Px));
    line-height: 100%;
    padding: calc(12 * var(--as1Px)) calc(24 * var(--as1Px));
    gap: calc(8 * var(--as1Px));
    border-radius: calc(6 * var(--as1Px));
    svg {
      width:  calc(24 * var(--as1Px));
      height: calc(24 * var(--as1Px));
    }
  }
}